TypeError: MiniCssExtractPlugin is not a constructor

[jaywcjlove]

• Fix issue #11930 where mini css extract plugin was updated to new version facebook/create-react-app#11932
• Breaking change with import via CommonJS in 2.5.0 webpack-contrib/mini-css-extract-plugin#896

KKT:BUILD:ERROR: TypeError: MiniCssExtractPlugin is not a constructor
    at createWebpackConfig (/home/runner/work/react-code-preview/react-code-preview/node_modules/react-scripts/config/webpack.config.js:664:9)
    at _callee$ (/home/runner/work/react-code-preview/react-code-preview/node_modules/kkt/src/scripts/build.ts:31:29)
    at tryCatch (/home/runner/work/react-code-preview/react-code-preview/node_modules/regenerator-runtime/runtime.js:63:40)
    at Generator.invoke [as _invoke] (/home/runner/work/react-code-preview/react-code-preview/node_modules/regenerator-runtime/runtime.js:294:22)
    at Generator.next (/home/runner/work/react-code-preview/react-code-preview/node_modules/regenerator-runtime/runtime.js:119:21)
    at asyncGeneratorStep (/home/runner/work/react-code-preview/react-code-preview/node_modules/@babel/runtime/helpers/asyncToGenerator.js:3:24)
    at _next (/home/runner/work/react-code-preview/react-code-preview/node_modules/@babel/runtime/helpers/asyncToGenerator.js:25:9)

Upgrade [email protected].

Solution 1

npm i [email protected] -D

Solution 2

For anyone else running into this with an app created via kkt, add this to your package.json and then run yarn installagain.

"resolutions": {
  "mini-css-extract-plugin": "~2.4.7
}

Originally posted by @jaywcjlove in #198 (comment)

[jaywcjlove]

• webpack-contrib/mini-css-extract-plugin@e836a00
• https://github.com/webpack-contrib/mini-css-extract-plugin/releases/tag/v2.5.1