运行命令"npm run build"时出错，错误"TypeError:MiniCsExt

Question

我正在使用react创建一个应用程序，它在npm start上运行良好，但当我尝试构建应用程序时，会显示以下错误。

PS D: **** ***profile> npm run build
> profile@0.1.0 build
> react-scripts build
D: **** **profilenode_modulesreact-scriptsconfigwebpack.config.js:664
new MiniCssExtractPlugin({
^
TypeError: MiniCssExtractPlugin is not a constructor
at module.exports (D:DocumentsProjectReactprofilenode_modulesreact-scriptsconfigwebpack.config.js:664:9)
at Object.<anonymous> (D:DocumentsProjectReactprofilenode_modulesreact-scriptsscriptsbuild.js:58:16)
at Module._compile (node:internal/modules/cjs/loader:1101:14)
at Object.Module._extensions..js (node:internal/modules/cjs/loader:1153:10)
at Module.load (node:internal/modules/cjs/loader:981:32)
at Function.Module._load (node:internal/modules/cjs/loader:822:12)
at Function.executeUserEntryPoint [as runMain] (node:internal/modules/run_main:81:12)
at node:internal/main/run_main_module:17:47

我正在使用

版本

包名称
节点	16.13.2
npm	8.1.2
npx	8.1.2

2.5.0版本中对mini-css提取插件进行了更新。我通过添加package.json:暂时修复了它

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

对于您的npm版本，请首先尝试：

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

在文件package-lock.json中，在三个地方将mini-css提取插件更改为2.4.5：1(

"mini-css-extract-plugin": {
"version": "2.4.5",
"resolved": "https://registry.npmjs.org/mini-css-extract-plugin/-/mini-css-extract-plugin-2.4.5.tgz",
"integrity": "sha512-oEIhRucyn1JbT/1tU2BhnwO6ft1jjH1iCX9Gc59WFMg0n5773rQU0oyQ0zzeYFFuBfONaRbQJyGoPtuNseMxjA==",
"requires": {
"schema-utils": "^4.0.0"
},

"node_modules/mini-css-extract-plugin": {
"version": "2.4.5",
"resolved": "https://registry.npmjs.org/mini-css-extract-plugin/-/mini-css-extract-plugin-2.4.5.tgz",
"integrity": "sha512-oEIhRucyn1JbT/1tU2BhnwO6ft1jjH1iCX9Gc59WFMg0n5773rQU0oyQ0zzeYFFuBfONaRbQJyGoPtuNseMxjA==",
"dependencies": {
"schema-utils": "^4.0.0"
}, 

3. 也在文件底部：

"mini-css-extract-plugin": "^2.4.5",

4. 在项目文件夹的顶层(覆盖旧文件夹(运行

npm install mini-css-extract-plugin@2.4.5

因此"npm运行构建"对我有效