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