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的问题解决相关推荐
- 依赖包报错Invalid options object. Less Loader has been initialized using an options object that does not
1.问题:yarn安装依赖包,启动项目报错 error in ./node_modules/ant-design-vue/dist/antd.less Module build failed: Val ...
- ValidationError: Invalid options object. Dev Server has been initialized using an options object th
ValidationError: Invalid options object. Dev Server has been initialized using an options object tha ...
- Invalid options object. Dev Server has been initialized using an options object that does not match
Invalid options object. Dev Server has been initialized using an options object that does not match ...
- Invalid options object. Dev Server has been initialized using an options object
启动webpack报错: [webpack-cli] Invalid options object. Dev Server has been initialized using an options ...
- Vue3下Chrome插件popup、content、background通信API组合和实现
Vue3下Chrome插件popup.content.background通信API组合和实现 各部件之间通信总体概览图 各部件之间通信示例 popup和background之间的通信 popup - ...
- vue3下的uniapp跨域踩坑
uniapp vue3 H5跨域踩坑 开发移动端H5的时候由于后端接口没有做跨域处理,因此需要做下服务器代理,于是百度搜索了uniapp下h5的跨域配置 在manifest下的h5配置proxy,大概 ...
- CentOS 6.9下的iptables在本机用DNAT转发指定IP到内网IP无效的问题解决（127.0.0.1）
CentOS 6.9下的iptables在本机用DNAT转发指定IP到内网IP无效的问题解决(127.0.0.1) 参考文章: (1)CentOS 6.9下的iptables在本机用DNAT转发指定I ...
- vue3下jsx教学，保证业务上手无问题！手敲代码，有知识点，附带和template对比
前言 原因:闲的.还有一个原因吗?嘿嘿 然后之前就说过了,我拿vue3直接干公司项目了,是内部的孵化项目,客户不多,但是也是正规的生产项目. 技术栈说明: 公司项目:js,element-plus,v ...
- Vue3 下拉刷新 的实现
在view中的index.vue中写,注:路径弄对 <template id="temp"><div class="box">< ...
最新文章
- 第七篇：并发-恢复机制
- Debian 9 Samba共享的一个问题总结
- 线程池之CachedThreadPool学习
- css 图片换行_前端学习口诀VI：html+css口诀结尾篇，值得收藏！
- SAP屠夫---折旧在13-16调整期间的烦恼
- 赠人玫瑰,手有余香-期待协作更新机器学习的公益项目
- 互联网安全问题的起因
- jfinal java搭建_Eclipse快速搭建Jfinal web应用 （一）
- oppo5.0以上机器(亲测有效)激活Xposed框架的教程
- header python 环境信息_python获取网页header头部信息（python小白学习笔记二）
- arm搭建云手机教程_云计算培训教程学习路线视频源码课件：seafile私有网盘搭建...
- PAIP.手机sms短信,联系人的同步与备份.txt
- matlab保存m文件是什么意思,在Matlab中怎样把一个程序保存为一个.m文件
- 一个指针占几个字节？原理是什么呢？
- 微信ANDROID版本解析包错误,终于弄明白为什么手机安装软件会出现“解析包出现问题”...
- 观察 ：人工智能与伦理道德
- 模拟二进制交叉（SBX）
- std::tr1::function and std::tr1::bind
- 谁在用生命为错误买单?
- java的HMACSHA1加密算法