报错原因:
package.json文件中的node-sass和sass-loader对于node版本有着稍微严格的要求
相应的PostCSS 编译出问题了
下方是当前项目的版本
"devDependencies": {
"@vue/cli-plugin-babel": "^4.2.0",
"@vue/cli-plugin-eslint": "^4.2.0",
"@vue/cli-service": "^4.2.0",
"babel-eslint": "^10.0.3",
"eslint": "^6.7.2",
"eslint-plugin-vue": "^6.1.2",
"node-sass": "^4.14.1",
"sass-loader": "^10.1.1",
"vue-template-compiler": "^2.6.11"
},
解决方案
方案一:不用sass相关预编译包,直接用less,less稍微友好一些
方案二:改一下node版本
- 当前的node版本是:
14.21.3不能用,那就降低一下 - node版本换成
12.22.12即可
可以去看一下不同版本的sass要求的node版本是多少