这个错误突然出现，让我大吃一惊。每当我尝试导入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包，检查所有语法错误，重新安装整个repo，返回几次提交等等。似乎什么都做不了。很乐意提供更多上下文。
(15小时前，我发现另一个人在SO上提到了同样的问题，但他没有提供调试信息，所以罚单被关闭了)。
注意：相同的代码库在我的MacBook上运行得非常好，没有问题！
您的npm项目设置似乎已损坏。这种被称为Failed to compile的问题通常发生在我们更频繁地将一个分支移动到另一个分支时，有时我们忘记了执行npm install，而继续处理另一个有新软件包的分支，而没有执行npm安装，在更多情况下，很难判断在哪些情况下你的npm设置被破坏。
有几种方法可以解决这个问题。
第一种方式
- 删除
node_modules目录和package-lock.json文件 - 关闭编辑器并再次打开，在新终端中执行
npm i。然后检查它是否已编译
如果不起作用，请按照第二种方法操作。
第二条路
强制清除项目设置的npm缓存。
npm cache clear -f
然后重新启动系统以关闭此会话的所有节点服务。重新启动后执行npm i并再次检查。
如果这不起作用，那么遵循第三种方法，我认为失败编译问题将很容易解决。
第三条路
只需在另一个目录中再次克隆您的项目并执行npm install即可。
你能试试这个吗？
删除这些文件夹：node_modules和package-lock.json。(如果有，也可以删除缓存文件夹)
运行以下命令：
带纱线：yarn
带npm:npm install
您也可以尝试更改导入方法：
import * as styles from ...
这可能会有所帮助！
代码是正确的。代码可能没有问题。
下面提到的步骤可能会有所帮助：
- 删除
node_modules文件夹 - 运行
npm install - 运行
npm cache clean -f(先尝试不使用-f)
*前两个步骤对我有效。