admin 管理员组

文章数量: 1086019

Vue3下PostCSS Loader has been initialized using an options that does not match the API schema的问题解决

本人初学Vue，今天打算用Vue3写一个简单的项目。可在刚开始项目搭建和初始化配置时出现了这个关于postcss的问题，查阅了许多技术博客方法均尝试无效（也有可能是解决方向不对），无奈请教某前端大神后问题才得以解决。该文章面向vue小白，大神勿喷。

【发现问题】

在安装引用且配置完postcss与amfe-flexible启动本地服务端后，在项目文件HelloWorld.vue的style标签下添加任意样式均报错PostCSS Loader has been initialized using an options that does not match the API schema.

【问题分析】

尝试过网上各类修改配置文件的方法均无效。在咨询某前端大神后发现由于本人在学习Vue脚手架时使用了 npm i -g @vue/cli 命令默认安装了v5.0.4的最新版本，而安装postcss的版本为5.1.1不支持脚手架5版本，导致接口异常（个人理解是这样，欢迎大神指正）。

【解决问题】

解决方法也相当简单，我自己的解决方法就是卸载脚手架5版本，重新安装4版本，重新创建Vue3项目问题就解决了。

附上重装代码：

npm uninstall -g vue-cli npm install -g @vue/cli@4

最后，我希望今天我踩的这个坑和解决办法能给予正在学习Vue的兄弟姐妹们一些帮助。

本文标签： Vue3下PostCSS Loader has been initialized using an options that does not match the API schema的问题解决

版权声明：本文标题：Vue3下PostCSS Loader has been initialized using an options that does not match the API schema的问题解决 内容由网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：http://www.roclinux.cn/b/1693413461a220509.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。