Vue2 - 错误：PostCSS 收到未定义而不是 CSS 字符串

Question

我在尝试编译 Vue2 项目时遇到这个问题

Syntax Error: Error: PostCSS received undefined instead of CSS string
 @ ./src/assets/sass/main.scss 4:14-233 14:3-18:5 15:22-241
 @ ./src/main.js
 @ multi (webpack)-dev-server/client?http://192.168.1.202:8080&sockPath=/sockjs-node (webpack)/hot/dev-server.js ./src/main.js

我尝试重建 sass-loader 但没有成功。

我的节点版本是 v16.6.1 我的 NPM 版本是 7.21.0

Webpack 是 5.1.2，sass-loader 版本是 10.2.0

这是一个 VUE2 项目，当我开始一个新的 Vue3 项目时，一切都开始了，我必须升级 vue/cli 但我不明白如何返回本地（如果这是问题）

Answer 1

尝试一下

npm install node-sass
or 
npm rebuild node-sass

我在这里得到了答案

Answer 2

首先卸载即可解决node-sass：

yarn remove node-sass

然后安装sass：

yarn add -D sass

Answer 3

我也遇到了同样的错误，降级节点版本后它得到了修复。

Answer 4

我通过将“node-sass”版本降级为“^4.14.1”解决了这个问题：

npm install node-sass@4.14.1