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

【问题标题】：Vue2 - Error: PostCSS received undefined instead of CSS stringVue2 - 错误：PostCSS 收到未定义而不是 CSS 字符串
【发布时间】：2022-01-18 03:55:37
【问题描述】：

我在尝试编译 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 但我不明白如何返回本地（如果这是问题）时，所有这些都开始了

【问题讨论】：

标签： node.js vuejs2 sass-loader

【解决方案1】：

试试看

npm install node-sass
or 
npm rebuild node-sass

我得到了here的答案

【讨论】：

这对我有帮助，但我必须点击您获得答案的链接。我正在使用 webpack 运行 vuejs。
@DirkSchumacher 太棒了。
对我不起作用

【解决方案2】：

先卸载node-sass解决：

yarn remove node-sass

然后安装sass：

yarn add -D sass

【讨论】：

添加 sass 对我有用。使用 nuxtjs 在样式中使用 scss lang

【解决方案3】：

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

【讨论】：

【解决方案4】：

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

npm install node-sass@4.14.1

【讨论】：

【解决方案5】：

嘿，我正在关注一个关于 VueJS 的教程，我遇到了同样的错误，试图重建 node-sass 它没有工作。

然后我看到样式应答器中使用的语言是 SCSS（在 App.vue 中），我将其更改为 CSS 并且它工作。 :)

【讨论】：

恕我直言，如果使用 SCSS 的功能，这不是解决方案。它有自己的语法，并且 css 完全兼容，但如果我被正确告知，反之亦然。在这里查看：sass-lang.com