记一次Vue启动报错：Error loading PostCSS config: Invalid PostCSS Plugin found: [0]

Vue启动报错，各种尝试无果，最终发现是node版本和操作系统不匹配惹的祸

无风三尺浪

3482人浏览 · 2022-05-25 16:48:24

无风三尺浪 · 2022-05-25 16:48:24 发布

异常信息如下：

Error loading PostCSS config: Invalid PostCSS Plugin found: [0]

重新安装各种vue的包，找了半天多的文章，都是让重新下载vue依赖包，什么包冲突乱七八糟的，都没有解决我的问题。后来无意间看到node官网的文档，瞬间知道啥问题了，原来是我的node版本过高导致的，windows不支持那么高的版本。

具体什么系统用什么版本，官方文档都写的非常明了，具体参照下面的官方文档：

Release v4.13.0 · sass/node-sass · GitHub:rainbow: Node.js bindings to libsass. Contribute to sass/node-sass development by creating an account on GitHub.https://github.com/sass/node-sass/releases/tag/v4.13.0

OS	Architecture	Node
Windows	x86 & x64	0.10, 0.12, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13
OSX	x64	0.10, 0.12, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13
Linux*	x86 & x64	0.10, 0.12, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10^, 11^, 12^, 13^
Alpine Linux	x64	6, 8, 10, 11, 12, 13
FreeBSD	i386 amd64	6, 8, 10, 12, 13

遇到上面异常提示的小伙伴们，不妨来对照一下你的node版本和你的操作系统是否匹配

请把node降低到对应版本

然后输入指令：

npm rebuild node-sass

再运行你的项目试试看

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^