webpack css兼容性插件报错

webpack css兼容插件报错
解决办法:版本太高
报错是插件版本接口不支持,再外层文件夹执行 npm i postcss-loader@3.0.0 -D 安装固定版本就不会报错了

cacheable modules 124 bytes
  ./src/js/index.js 46 bytes [built] [code generated]
  ./src/css/a.css 39 bytes [built] [code generated] [1 error]
  ./src/css/b.css 39 bytes [built] [code generated] [1 error]

ERROR in ./src/css/a.css
Module build failed (from ../../node_modules/mini-css-extract-plugin/dist/loader.js):
ModuleBuildError: Module build failed (from ../../node_modules/postcss-loader/dist/cjs.js):
ValidationError: Invalid options object. PostCSS Loader has been initialized using an options object that does not match the API schema.      
 - options has an unknown property 'plugins'. These properties are valid:
   object { postcssOptions?, execute?, sourceMap?, implementation? }
    at validate (C:\Users\12987\AppData\Roaming\npm\node_modules\webpack\node_modules\schema-utils\dist\validate.js:104:11)
    at Object.getOptions (C:\Users\12987\AppData\Roaming\npm\node_modules\webpack\lib\NormalModule.js:527:19)
    at Object.loader (D:\Desktop\My Files\RecentlyStudy\WebPack\demo\node_modules\postcss-loader\dist\index.js:40:24)
    at C:\Users\12987\AppData\Roaming\npm\node_modules\webpack\lib\NormalModule.js:807:5
    at C:\Users\12987\AppData\Roaming\npm\node_modules\webpack\node_modules\loader-runner\lib\LoaderRunner.js:399:11
    at C:\Users\12987\AppData\Roaming\npm\node_modules\webpack\node_modules\loader-runner\lib\LoaderRunner.js:251:18
 @ ./src/js/index.js 1:0-22

ERROR in ./src/css/b.css
Module build failed (from ../../node_modules/mini-css-extract-plugin/dist/loader.js):
ModuleBuildError: Module build failed (from ../../node_modules/postcss-loader/dist/cjs.js):
ValidationError: Invalid options object. PostCSS Loader has been initialized using an options object that does not match the API schema.      
 - options has an unknown property 'plugins'. These properties are valid:
   object { postcssOptions?, execute?, sourceMap?, implementation? }
    at validate (C:\Users\12987\AppData\Roaming\npm\node_modules\webpack\node_modules\schema-utils\dist\validate.js:104:11)
    at Object.getOptions (C:\Users\12987\AppData\Roaming\npm\node_modules\webpack\lib\NormalModule.js:527:19)
    at Object.loader (D:\Desktop\My Files\RecentlyStudy\WebPack\demo\node_modules\postcss-loader\dist\index.js:40:24)
    at processResult (C:\Users\12987\AppData\Roaming\npm\node_modules\webpack\lib\NormalModule.js:701:19)
    at C:\Users\12987\AppData\Roaming\npm\node_modules\webpack\lib\NormalModule.js:807:5
    at C:\Users\12987\AppData\Roaming\npm\node_modules\webpack\node_modules\loader-runner\lib\LoaderRunner.js:399:11
    at C:\Users\12987\AppData\Roaming\npm\node_modules\webpack\node_modules\loader-runner\lib\LoaderRunner.js:251:18
 @ ./src/js/index.js 2:0-22

2 ERRORS in child compilations (Use 'stats.children: true' resp. '--stats-children' for more details)
webpack 5.40.0 compiled with 4 errors in 543 ms
  • 2
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值