Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

ERROR in Plugin "react" was conflicted between "package.json » eslint-config-react-app » C:\Users\asus\desktop\google-clone\node_modules\eslint-config-react-app\base.js" and "BaseConfig » C:\Users\asus\Desktop\google-clone\node_modules\eslint-config-react-app\base.js". #4186

Closed
Shobit1502 opened this issue Dec 17, 2021 · 41 comments

Comments

@Shobit1502
Copy link

Recently get this error. plz let me know how to fix this.

@HusseinHamidani
Copy link

There is a conflict in the casing

C:\Users\Ruben|desktop\reactapp\test.... whereas the nodemodules is looking for C:\Users\Ruben|Desktop\Reactapp\test....

This is a windows specific problem, and previously react would have run the app regardless of this difference. Not anymore it seems.

The solution I used was to locate the folder and open with code; that ensures that the path matches directly with what is stored in node modules

@backflush
Copy link

backflush commented Dec 20, 2021

Open the package.json and type ctrl + s and it disappears.

@pnrede366
Copy link

Open the package.json and type ctrl + s and it disappears.

thanks

@Adecodess
Copy link

hi all i am having this error in production , locally when I press ctrtl + s, it disappears but when I refresh the page it comes back

@NickersWeb
Copy link

Have the same issue...

@harish-sethuraman
Copy link
Collaborator

harish-sethuraman commented Jan 8, 2022

This repo is for react documentation.

Support requests filed as GitHub issues often go unanswered. We want you to find the answer you're looking for, so we suggest the following alternatives:

Coding Questions
If you have a coding question related to React and React DOM, it might be better suited for Stack Overflow. It's a great place to browse through frequent questions about using React, as well as ask for help with specific questions.

https://stackoverflow.com/questions/tagged/react

Talk to other React developers
There are many online forums which are a great place for discussion about best practices and application architecture as well as the future of React.

https://reactjs.org/community/support.html

Also if you find this to be a bug feel free to raise an issue at https://github.com/facebook/create-react-app/issues

@shreyash510
Copy link

delete package.json and install again

@Kenramiscal1106
Copy link

Kenramiscal1106 commented Jan 11, 2022

Recently get this error. plz let me know how to fix this.

Are you using bash? Because bash doesn't care about the letter case of the path. This can be fixed by changing the path of your project in bash. You must reference the exact case of the path of your project

Example:
Documents is not equal to documents
Documents must be also Documents

cd
cd [project path]

@tekeoglan
Copy link

Recently get this error. plz let me know how to fix this.

Are you using bash? Because bash doesn't care about the letter case of the path. This can be fixed by changing the path of your project in bash. You must reference the exact case of the path of your project

Example: Documents is not equal to documents Documents must be also Documents

cd cd [project path]

You are right. I had the same issue when executing 'npm start' command on bash then i switched back to cmd the error has gone. Thank for your point.

@calmb
Copy link

calmb commented Jan 12, 2022

hi all i am having this error in production , locally when I press ctrtl + s, it disappears but when I refresh the page it comes back

same here.

@kdany25
Copy link

kdany25 commented Jan 12, 2022

i have same issue. i do ctr+s but when i refresh it comes back

@johannes67890
Copy link

johannes67890 commented Jan 13, 2022

I had some trouble with this as well. What I did to fix it was to upgrade nodejs to V.16. I found the bug while on V.15.
I don't know if that is the best solution, but that is how I fixed it.

@SATYAM1548
Copy link

johannes67890 bro this worked thanks alot.

@enderandpeter
Copy link

Ran into this problem today and it turned out that the esLintConfig setting I had for extends: [react-app] was conflicting with the settings from the eslint-config-react-app package. Removing the esLintConfig resolved the issue.

@igortas
Copy link

igortas commented Jan 16, 2022

Ran into this problem today and it turned out that the esLintConfig setting I had for extends: [react-app] was conflicting with the settings from the eslint-config-react-app package. Removing the esLintConfig resolved the issue.

try to update setupTests.ts with this import statement: import @types/jest. I've tried this also on monorepo w/ Lerna with --hoist option turned and it works for me

@briandgomez
Copy link

I got the same issue. You can try using:
C:\Users\asus\Desktop\google-clone\node_modules\eslint-config-react-app\base.js
instead of
C:\Users\asus\desktop\google-clone\node_modules\eslint-config-react-app\base.js
That's what worked for me using git bash on my windows computer

@kdany25
Copy link

kdany25 commented Jan 17, 2022

hello me all i did was to update the babel-eslint and u also updated .eslintrc and it worked for me

@igortas
Copy link

igortas commented Jan 17, 2022

Also other solution is to set skip flag before star script: DISABLE_ESLINT_PLUGIN=true, in case u have custom .eslintrc file

@karthikuppalapati
Copy link

I too had the same issue. I am using Visual Studio Code.

E:\React-Projects\playground\test-7>. Here test-7 is my project folder created using create-react-app. The folder playground actually starts with a capital p instead of small p in my laptop. I changed playground to Playground it worked!!!

E:\React-Projects\Playground\test-7> This the changed version of my folder name

@ceyhun-yildiz
Copy link

I am using Bash and I have changed desktop to Desktop on my path and it works without the error now

@ShawnNJH
Copy link

ShawnNJH commented Jan 25, 2022

instead of "saving" your package.son everytime you make an update, go to your package.json and delete the following

"eslintConfig": {
"extends": [
"react-app",
"react-app/jest"
]
},

Cheers! :)

@Kenramiscal1106
Copy link

Still didn't work

@d1joseph
Copy link

For those looking for the open issue - facebook/create-react-app#11825

@SuzieZUMO
Copy link

Recreate your projects in lower case. Solution name case doesn't matter.
Renaming project names won't help (perhaps renaming folder names to lower case would, I didn't try).

@EddisonM
Copy link

EddisonM commented Jan 30, 2022

This is the solution:

Use the correct App path location.

For example if u are in C:\users\cyber\documents\juego_gabriel> and run "npm start", u get the next error:
image

To fix it follow these steps:

  1. Locate your project folder location
    image
  2. Copy that path and paste in your VS Code PS Terminal (run "cd [path]")
    image
  3. Run "npm start"

Done...!!!

PD: The error is the wrong uppercase/lowercase letters in your project path location.

@ghost
Copy link

ghost commented Feb 1, 2022

The problem is Windows PowerShell.
I don't recommend Windows PowerShell.
Make a download the last version of Powershell from Microsoft Store and will works fine

2022-02-01
.

@wevertonbezzera013
Copy link

Open the package.json and type ctrl + s and it disappears.

GOD

@prettygenius
Copy link

I got the same error apparently I was using the wrong path Desktop was capitalized so use cd Desktop NOT cd desktop I re ran npm start and it worked for me! Thanks guys

@ninzacoder
Copy link

There is a conflict in the casing

C:\Users\Ruben|desktop\reactapp\test.... whereas the nodemodules is looking for C:\Users\Ruben|Desktop\Reactapp\test....

This is a windows specific problem, and previously react would have run the app regardless of this difference. Not anymore it seems.

The solution I used was to locate the folder and open with code; that ensures that the path matches directly with what is stored in node modules

saved me a lot of hair you did.

@NarayanBavisetti
Copy link

It is just because of the capital letter used in the location of the file path. That's it. check it and make all the folder name to lowercase.

@Nandhini-Madan
Copy link

Open the package.json and type Ctrl + s and it disappears.

Thanks. I thought it was fun but it worked like a charm.

@phoique
Copy link

phoique commented Mar 2, 2022

I get this error when I update my packages on my Macbook. With ctrl s the error went away but was coming back. It was fixed when I deleted node_modules and yarn.lock and created it again with yarn install.

@OldTechnique
Copy link

Issues is simple. exit terminal cd the correct path. when u cd'd u cd'd with the wrong case.

@yaowang908
Copy link

I'm putting in my two cents, for me, the problem is a space in the path, remove the space, everything works.

@bkincz
Copy link

bkincz commented Mar 21, 2022

I stumbled across this issue when using a custom .eslintrc with a fresh CRA (react-scripts v5.0.0) project.

I resolved this by removing "root": true & plugin:react/recommended from my .eslintrc.

This is my .eslintrc at the moment while using CRA (react-scripts v5.0.0):

{
    "env": {
        "browser": true,
        "es2021": true,
        "jest": true
    },
    "extends": [
        "plugin:react/jsx-runtime",
        "plugin:prettier/recommended",
        "standard"
    ],
    "parser": "@typescript-eslint/parser",
    "parserOptions": {
        "ecmaFeatures": {
            "jsx": true
        },
        "ecmaVersion": 12,
        "sourceType": "module"
    },
    "plugins": ["react", "@typescript-eslint"],
    "settings": {
        "react": {
            "version": "detect"
        }
    },
    "globals": {
        "React": true,
        "google": true,
        "mount": true,
        "mountWithRouter": true,
        "shallow": true,
        "shallowWithRouter": true,
        "context": true,
        "expect": true,
        "jsdom": true,
        "JSX": true
    },
    "rules": {
        /* Rules go here */
    },
    "overrides": [
        {
            "files": ["*.ts", "*.tsx"],
            "parserOptions": {
                "ecmaVersion": 12,
                "project": ["./tsconfig.json"]
            }
        }
    ]
}

Hopefully this helps.

@Code-with-Fizza
Copy link

Still didn't work

@Code-with-Fizza
Copy link

Remove the following code from package.json ...it worked for me

"eslintConfig": {
"extends": [
"react-app",
"react-app/jest"
]
},

@dendoink
Copy link

Open the package.json and type ctrl + s and it disappears.

Great thanks !

@Jaynish-D
Copy link

Open the package.json and type ctrl + s and it disappears.

Thanks this is help me lot.😊😊😊

@Blind2k
Copy link

Blind2k commented Mar 30, 2022

Saving the files over and over again is not a solution.
In my case, the application's local source directory had capital letters.
Changed to lower case, and it works smoothly.

@reactjs reactjs locked as off-topic and limited conversation to collaborators Mar 30, 2022
@gaearon
Copy link
Member

gaearon commented Mar 30, 2022

This repository is for the React website. There is no relation between the topic you are discussing and the React website. If you have an issue with some plugin, please file it in the repo with that plugin. Thanks!

Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
None yet
Projects
None yet
Development

No branches or pull requests