Creé una nueva plantilla create-react-app y construí el proyecto con el comando npm run build y obtuve este error. Expulsé los scripts de reacción y busqué la razón por la que no se está construyendo, pero no encontré nada. He corregido las importaciones de archivos css en componentes. versión de nodo 16.13.2, npm versión 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:47y se expulsa la configuración del paquete web https://github.com/PSmigielski/hashcode/blob/master/config/webpack.config.js
Este parece ser un problema nuevo que apareció recientemente y se ha abierto un problema con el repositorio create-react-app.
https://github.com/facebook/create-react-app/issues/11930
Las dos soluciones en este momento parecen ser estas
1.) Fijar la versión de extracción mini css:
npm i -D --save-exact mini-css-extract-plugin@2.4.52.) Agregar resoluciones al paquete.json también funciona:
"resolutions": { "mini-css-extract-plugin": "2.4.5" }