TypeError: MiniCssExtractPlugin is not a constructor

by

There is an open issue for this on the create-react-app repository. It looks like this comment has a temporary fix of adding the following to file package.json:

The below works if you’re using Yarn:

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

Use the command below for npm:

npm i -D --save-exact [email protected]

Update: As of January 17, it appears that this issue is fixed by mini-css-extract-plugin v2.5.1. You should be able to remove the version pin created above and npm i or yarn install to update.

More Related Contents:

  1. CORS error even after setting Access-Control-Allow-Origin or other Access-Control-Allow-* headers on client side
  2. How can I use ES6 in webpack.config.js?
  3. How to inline CSS in the head tag of a NextJS project?
  4. Cannot find module ‘webpack/bin/config-yargs’
  5. Webpack: “there are multiple modules with names that only differ in casing” but modules referenced are identical
  6. How to use a library from a CDN in a Webpack project in production
  7. Is it possible to create custom resolver in webpack?
  8. Module not found: Error: Can’t resolve ‘util’ in webpack
  9. Webpack build failing with ERR_OSSL_EVP_UNSUPPORTED [duplicate]
  10. How to include css files in Vue 2
  11. What is `require.context`?
  12. How to use variable substitution in Frontend js applications like backend applications?
  13. What does “The code generator has deoptimised the styling of [some file] as it exceeds the max of “100KB”” mean?
  14. Multiple html files using webpack
  15. Getting “Error: `output.path` needs to be an absolute path or `/`”
  16. using async/await with webpack-simple configuration throwing error: RegeneratorRuntime not defined
  17. Rules vs Loaders in Webpack – What’s the Difference?
  18. How “include” and “exclude” works in webpack loader
  19. Webpack – background images not loading
  20. Set environment variable for build in Netlify
  21. Inline JavaScript and CSS with webpack
  22. ES6 exporting/importing in index file
  23. How to create multiple output paths in Webpack config
  24. How to add font-awesome to Angular 2 + CLI project
  25. React Js require ‘fs’
  26. Importing CSS files in Isomorphic React Components
  27. What are differences between SystemJS and Webpack?
  28. Example of how to load static CSS files from node_modules using webpack?
  29. Conflict: Multiple assets emit to the same filename
  30. Rails 5/6: How to include JS functions with webpacker?

Leave a Comment