Many users reported that their favorite Facebook apps no longer work due to a recent change in a popular open source software project.
The responsible open source project is developed by Facebook's parent company, Meta, and is called Create React App. Distributed on both GitHub and npm, Create React App is designed to help developers quickly create one-shot React apps. page with just a few simple commands. As a result, many developers rely on it to create apps for Facebook and other sites.
GitHub users recently started reporting problems when trying to compile their create-react-app builds after receiving the following error message: "Type: Error: MiniCssExtractPlugin is not a constructor." This error message shows that the problem is not with the Create React app itself, but with one of its dependencies called the Mini CSS Extract Plugin.
Another popular project is Mini CSS Extract Plugin, which is trusted by over 4,6 million GitHub repositories and over 7000 npm projects. This project is used to extract CSS code into separate files, generating a CSS file for each JavaScript file that contains CSS according to BleepingComputer.
Possible alternative solutions
The latest version of the Mini CSS Extract plugin (v. 2.5.0) was recently released and it seems that this update is the cause of the failing builds of the Create React App project.
While BleepingComputer believes that adding "types" to the plugin might be what causes Create React App instances to break, a bug report on GitHub takes a closer look at some of the possible causes.
Until the Facebook open source team released a proper fix for the issue, some developers were able to get their Create React app builds working by downgrading the Mini CSS extraction plugin to version 2.4.5. According to developer Alexandru Pavalovi, you can pin your version to 2.4.5 by adding several lines of code to your JavaScript application's package.json file. The code to add is:
"resolutions": {
"mini-css-extract-plugin": "2.4.5"
},
However, this solution doesn't work for those who don't use Yarn, but front-end developer Oscar Busk says to run the following command (npm i -D --save-exact mini-css-extract-plugin @2.4. 5) Can work.
Hopefully the issue will be resolved soon with a more permanent solution, but until then you can try these two solutions to get your Create React app builds working.
We also feature the best laptops for programming and the best JavaScript courses.
Via BleepingComputer