When you are doing your task, you get the notification “Plugin “react” was conflicted between “package.json » eslint-config-react-app»“. This technical glitch is so popular that this could happen to anyone. Consequently, how did it come to be, and would it be addressable? We will discover together to find out the best solutions.
What is “Plugin “react” was conflicted between “package.json » eslint-config-react-app»” error?
When compiling your react app, you may suddenly face an error like this.
The plugin "react" was conflicted between "package.json » eslint-config-react-app »
Cause of error
Another user encountered this error while trying to install React with Visual Studio 2022 Standalone React project. The issue was that Visual Studio displayed his project name in capital letters, but the folder title was already in small caps. Thus, the main cause of the above error is the difference in the capitalization of directories.
Accessing files is still possible with a different capitalization because Windows filesystems tend to be one case-insensitive. However, the module loader does not see paths as identical with different capitalization (and certain OS manipulating methods for paths will result in the canonical path to be returned) and this is why the error.
Top Four Effective Methods
Now, surprise, you easily solved it by following the steps outlined below. Here are three solutions, you can learn about them and use it to fix this error
1) Rename folder
One simple way is you can manipulate it manually to change the folder name so that it matches the name displayed in VS.
2) Save package.json file
This approach is very simple. First and foremost, open the package. json file, then save with Cntrl + S, run your tool, and repeat the above step if you encounter the same problem. Your issue should now be corrected.
3) Downgrade to its version 6
For the third tip, you need to lower to version 6 of the eslint-config-react-app.
First, use this prompt to remove the eslint-config-react-app.
yarn remove eslint-config-react-app
Then run this command to install [email protected]6.
yarn add [email protected]
4) Create with the named “React2”
- Close Visual Studio.
- Change the folder name to match with the project and case name . (from a git-bash shell:
mv react2 React2to solve the name case.)
- Run Visual Studio, and try to do it again
If the mistake “Plugin “react” was conflicted between “package.json » eslint-config-react-app»” persists, try the alternatives listed below.
If you need assistance or even have basic Reactjs questions, a huge group of researchers has always been interested in helping. Finally, we wish all of our users a fantastic day filled with new concepts.