MiniCssExtractPlugin 不是构造函数

Question

我创建了一个新的 create-react-app 模板并使用 npm 运行 build 命令构建了项目并得到了这个错误。我弹出了 react-scripts 并寻找它不构建的原因，但我没有找到任何东西。我已经修复了组件中的 css 文件导入。节点版本 16.13.2，npm 版本 8.1.2

/home/pawel/projekty/hashcode/config/webpack.config.js:623
        new MiniCssExtractPlugin({
        ^

TypeError: MiniCssExtractPlugin is not a constructor
    at module.exports (/home/pawel/projekty/hashcode/config/webpack.config.js:623:9)
    at Object.<anonymous> (/home/pawel/projekty/hashcode/scripts/build.js:51:16)
    at Module._compile (internal/modules/cjs/loader.js:1063:30)
    at Object.Module._extensions..js (internal/modules/cjs/loader.js:1092:10)
    at Module.load (internal/modules/cjs/loader.js:928:32)
    at Function.Module._load (internal/modules/cjs/loader.js:769:14)
    at Function.executeUserEntryPoint [as runMain] (internal/modules/run_main.js:72:12)
    at internal/main/run_main_module.js:17:47

这是弹出的 webpack 配置 https://github.com/PSmigielski/hashcode/blob/master/config/webpack.config.js

Answer 1

这似乎是最近出现的一个新问题，并且已经在 create-react-app 存储库中打开了一个问题。

https://github.com/facebook/create-react-app/issues/11930

目前的两个解决方法似乎是这些

1.) 固定迷你 css 提取版本：

npm i -D --save-exact mini-css-extract-plugin@2.4.5

2.) 将分辨率添加到 package.json 也可以：

"resolutions": {
   "mini-css-extract-plugin": "2.4.5"
}

MiniCssExtractPlugin 不是构造函数

MiniCssExtractPlugin is not a constructor

javascript

reactjs

webpack

create-react-app