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