Vue2 - Error: PostCSS received undefined instead of CSS string

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 但没有成功。

我的node版本是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

嘿，我正在学习有关 VueJS 的教程，但我遇到了同样的错误，尝试重建 node-sass 但没有成功。

然后我看到style balise使用的lang是SCSS（在App.vue），我改成CSS就可以了。 :)

Answer 3

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

Answer 4

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

npm install node-sass@4.14.1

Answer 5

先卸载解决node-sass:

yarn remove node-sass

然后安装 sass：

yarn add -D sass

Vue2 - Error: PostCSS received undefined instead of CSS string

Vue2 - Error: PostCSS received undefined instead of CSS string

node.js

vuejs2

sass-loader