question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

[BUG] in version 5.0.0 react eslint plugins

See original GitHub issue

Describe the bug

Once i do create my app and without changing anything the first error i get is react plugin confliction i will paste the error here ERROR in Plugin “react” was conflicted between “package.json » eslint-config-react-app » C:\Users\user\desktop\mkd\my-app\node_modules\eslint-config-react-app\base.js” and “BaseConfig » C:\Users\user\Desktop\mkd\my-app\node_modules\eslint-config-react-app\base.js”. and then if i ignore this one i get the error of that i can not do import from outside package

Did you try recovering your dependencies?

(Write your answer here.) Yes i tried few times and i think the error is in the react scripts so that why i found two main solutions

  1. removed the eslint-config-react-app
  2. down graded the react-script to 4.0.3

Which terms did you search for in User Guide?

(Write your answer here if relevant.) Almost find nothing that why i think that this is a bug

Environment

(paste the output of the command here.) $ npx create-react-app --info

Environment Info:

current version of create-react-app: 5.0.0 running from C:\Users\user\AppData\Roaming\npm\node_modules\create-react-app

System: OS: Windows 10 10.0.19043 CPU: (8) x64 11th Gen Intel® Core™ i5-1135G7 @ 2.40GHz Binaries: Node: 16.13.1 - C:\Program Files\nodejs\node.EXE Yarn: Not Found npm: 8.1.2 - C:\Program Files\nodejs\npm.CMD Browsers: Chrome: Not Found Edge: Spartan (44.19041.1266.0), Chromium (96.0.1054.53) Internet Explorer: 11.0.19041.1202 npmPackages: react: Not Found react-dom: Not Found react-scripts: Not Found npmGlobalPackages: create-react-app: Not Found

Steps to reproduce

(Write your steps here:)

1.npx create react app 2. npm start 3.the error

Expected behavior

(Write what you thought would happen.) openning project without error installing outside package and run it and import it without any problem

Actual behavior

(Write what happened. Please add screenshots!) the react app should start noramlly but the app start with confliction error in plugins react although when installing another package no import can be done

Reproducible demo

(Paste the link to an example project and exact instructions to reproduce the issue.)

Issue Analytics

  • State:open
  • Created 2 years ago
  • Reactions:19
  • Comments:14

github_iconTop GitHub Comments

3reactions
MahmoodIRAKEcommented, Dec 15, 2021

i think removing the eslint-config-react-app fixed the confliction issue removing the from package json and delting node modules and installing again fix the problem

2reactions
deanoliumcommented, Dec 16, 2021

Looking into the codebase, it looks like the issue, once you’ve installed eslint-config-react-app manually, is that the eslint config is being setup with webpack. So that suggests that we can just rip out the lines in package.json loading react-app. However, I’m not sure if this will effect eslint within vscode (since that should be reading the eslint config from either package.json or .eslintrc.json, without going through webpack).

A solution to this is you can stop webpack from running eslint by seeing the environment variable DISABLE_ESLINT_PLUGIN to true. Though I’m not sure what repercussions this will have.

Read more comments on GitHub >

github_iconTop Results From Across the Web

ERROR in Plugin "react" was conflicted between ".eslintrc.json ...
The problem: eslint-plugin-react version in your project's dependency is "different" from the one in eslint-config-react-app package's ...
Read more >
eslint-plugin-react | Yarn - Package Manager
Fast, reliable, and secure dependency management.
Read more >
eslint-plugin-prettier - npm
Runs prettier as an eslint rule. Latest version: 4.2.1, last published: 6 months ago. Start using eslint-plugin-prettier in your project by ...
Read more >
Changelog - JavaScript Standard Style
This release brings better performance, tons of bug fixes, improved JSX, ... We migrated the remaining no-callback-literal rule into eslint-plugin-node ...
Read more >
Gatsby Changelog | 5.3.0
v5.3 Release Notes | December 13 2022. ... Welcome to gatsby@5.0.0 release (November 2022 #1). ... Install experimental version of react and react-dom...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found