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的兄弟姐妹们一些帮助。

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值