Error PostCSS plugin autoprefixer requires PostCSS 8

老马甲2023-11-29 14:17

文章目录

一、情况一
二、情况二
三、总结

在启动 vue项目时，突然控制台报错： Error: PostCSS plugin autoprefixer requires PostCSS 8。然后依次出现下面几种情况，依次解决完，项目就可以正常启动了

一、情况一

复制代码

error  in ./src/style/common.less

Error: PostCSS plugin autoprefixer requires PostCSS 8.
Migration guide for end-users:
https://github.com/postcss/postcss/wiki/PostCSS-8-for-end-users

 @ ./src/main.js 15:0-30

- 项目 运行中  ERROR  Build failed with errors.
× 项目 运行失败!
失败原因：Error: Command failed with ENOENT: npm run dev

本人是安装如下依赖，然后重新启动就不会报上面这个错了

复制代码

npm install postcss@latest

二、情况二

情况一解决完之后，重新启动项目，又报下面这个错误，醉了<@_@>

复制代码

error  in ./src/style/font.css

Error: PostCSS plugin autoprefixer requires PostCSS 8.
Migration guide for end-users:
https://github.com/postcss/postcss/wiki/PostCSS-8-for-end-users

\ 项目 运行中  ERROR  Build failed with errors.
× 项目 运行失败!
失败原因：Error: Command failed with ENOENT: npm run dev
spawn npm run ENOENT

再次安装如下依赖就完全启动成功了~~~

复制代码

npm i postcss-loader autoprefixer@8.0.0

三、总结

总觉得有些时候npm，cnpm，yarn各种混用，还有些时候node版本不断切换，也是非常影响稳定性。遇到问题也都是直接把错误贴出去找解决方法，npm也是锁了，所以还是有点烦这种。