reactjs - 由于 css 导入，Create-react-app 'Failed to compile.'

Question

突然出现，这个错误让我跺脚。任何时候我尝试导入 css 文件时都会出现，无论是完整的还是作为模块的。
例如。

import "./index.css"

或者

import styles from "./button.module.css"

这可能是由于最新的 macOS 测试版，至少它似乎与它的发布相吻合。我尝试从它回滚，但这没有用。

Failed to compile
./src/index.css (./node_modules/css-loader/dist/cjs.js?modules=true!./node_modules/style-loader/dist/cjs.js!./node_modules/css-loader/dist/cjs.js??ref--6-oneOf-4-1!./node_modules/postcss-loader/src??postcss!./src/index.css)
CssSyntax error: Unknown word (1:1)

> 1 | var api = require("!../node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js");
    | ^
  2 |             var content = require("!!../node_modules/css-loader/dist/cjs.js??ref--6-oneOf-4-1!../node_modules/postcss-loader/src/index.js??postcss!./index.css");
  3 | 
This error occurred during the build time and cannot be dismissed.

我试过手动添加 web pack，检查所有语法错误，重新安装整个 repo，返回几次提交等等。似乎什么都做不了。很高兴提供更多背景信息。
(我在 15 小时前发现另一个人在 SO 上提到了同样的问题，但他没有提供调试信息，所以票被关闭了)。
注意:相同的代码库在我的 MacBook 上运行得非常好，没问题!

Answer 1

您的 npm 项目设置似乎已损坏。这类问题著名地称为 Failed to compile通常发生在我们更频繁地将一个分支移动到另一个分支时，我们有时会忘记这样做 npm install并继续在另一个分支上工作，该分支具有新软件包而不进行 npm install 以及更多情况，很难判断在哪些情况下您的 npm 设置已损坏。
有几种方法可以解决这个问题。
第一种方式

删除 node_modules目录和 package-lock.json文件。

关闭编辑器并再次打开它并在新终端中执行 npm i .然后检查是否编译。

如果这不起作用，则按照第二种方式。
第二种方式
强制清除项目设置的 npm 缓存。

npm cache clear -f

然后重新启动系统以关闭此 session 的所有节点服务。重启后做 npm i并再次检查。
如果那不起作用，那么请按照我认为失败编译问题的第三种方式轻松解决。
第三种方式
只需在另一个目录中再次克隆您的项目并执行 npm install .