Syntax Error: Error: PostCSS received undefined instead of CSS string

49 阅读1分钟

报错原因:

package.json文件中的node-sasssass-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版本是多少