Estoy creando una aplicación usando reaccionar, funciona bien en el npm start , pero cuando intento crear la aplicación, aparece el siguiente error.
PS D:\ ****\ **\*\profile> npm run build > profile@0.1.0 build > react-scripts build D:\ ****\ **\profile\node_modules\react-scripts\config\webpack.config.js:664 new MiniCssExtractPlugin({ ^ TypeError: MiniCssExtractPlugin is not a constructor at module.exports (D:\Documents\Project\React\profile\node_modules\react-scripts\config\webpack.config.js:664:9) at Object.<anonymous> (D:\Documents\Project\React\profile\node_modules\react-scripts\scripts\build.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:47Estoy usando
| Nombre del paquete | Versión |
|---|---|
| nodo | 16.13.2 |
| npm | 8.1.2 |
| npx | 8.1.2 |
Este es mi archivo package.json .
{ "name": "profile", "version": "0.1.0", "private": true, "dependencies": { "@testing-library/jest-dom": "^5.16.1", "@testing-library/react": "^12.1.2", "@testing-library/user-event": "^13.5.0", "react": "^17.0.2", "react-dom": "^17.0.2", "react-scripts": "5.0.0", "web-vitals": "^2.1.3" }, "scripts": { "start": "react-scripts start", "build": "react-scripts build", "test": "react-scripts test", "eject": "react-scripts eject" }, "eslintConfig": { "extends": [ "react-app", "react-app/jest" ] }, "browserslist": { "production": [ ">0.2%", "not dead", "not op_mini all" ], "development": [ "last 1 chrome version", "last 1 firefox version", "last 1 safari version" ] } }También intenté reinstalar el paquete de nodos completo, pero recibo este error una y otra vez.
Hay una actualización de mini-css-extract-plugin en la versión 2.5.0. Lo arreglé temporalmente agregando package.json :
"overrides": { "mini-css-extract-plugin": "2.4.5" } para su versión npm primero intente:
npm i -D --save-exact mini-css-extract-plugin@2.4.5En el archivo package-lock.json se cambió mini-css-extract-plugin a 2.4.5 en tres lugares: 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" }, "mini-css-extract-plugin": "^2.4.5", npm install mini-css-extract-plugin@2.4.5
Como resultado, 'npm run build' funciona para mí