React Scripts issues with Babel Loader

[DimitriMichel]

Describe the bug

When creating a new react-app and running npm start

There might be a problem with the project dependency tree.
It is likely not a bug in Create React App, but something you need to fix locally.

The react-scripts package provided by Create React App requires a dependency:

"babel-loader": "8.1.0"

npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! [email protected] start: react-scripts start
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the [email protected] start script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.

Don't try to install it manually: your package manager does it automatically.
However, a different version of babel-loader was detected higher up in the tree:

/Users/dimitri/node_modules/babel-loader (version: 8.0.6)

Did you try recovering your dependencies?

I did the following steps and the issue persists:

1. Delete package-lock.json (not package.json!) and/or yarn.lock in your project folder.
2. Delete node_modules in your project folder.
3. Remove "babel-loader" from dependencies and/or devDependencies in the package.json file
   in your project folder.
4. Run npm install or yarn, depending on the package manager you use.

Have you done all these steps and still see the issue?
Please paste the output of npm --version and/or yarn --version to confirm.
-->
(base) Dimitris-MBP:hooks dimitri$ npm --version
6.13.1

Environment

I'm using Webstorm on a MBP running macOS 10.14 Mojave.

Environment Info:

current version of create-react-app: 3.4.1
running from /usr/local/lib/node_modules/create-react-app

System:
OS: macOS Mojave 10.14
CPU: (8) x64 Intel(R) Core(TM) i7-4770HQ CPU @ 2.20GHz
Binaries:
Node: 13.2.0 - /usr/local/bin/node
Yarn: 1.21.0 - /usr/local/bin/yarn
npm: 6.14.3 - ~/Documents/hooks/node_modules/.bin/npm
Browsers:
Chrome: 80.0.3987.149
Firefox: 73.0.1
Safari: 12.0
npmPackages:
react: ^16.13.1 => 16.13.1
react-dom: ^16.13.1 => 16.13.1
react-scripts: 3.4.1 => 3.4.1
npmGlobalPackages:
create-react-app: 3.4.1

[luisrudge]

did you fix this?

[DimitriMichel]

Yes I did, as it turns out I had another package.json which I had not in fact removed. While, per the instruction in the error log, I did remove the package.json existing in the project folder I have another one in my user folder which I got rid of with rm -rf /Users/dimitripl/node_modules/ .

…

On Mar 23 2020, at 11:34 am, Luís Rudge ***@***.***> wrote: did you fix this? — You are receiving this because you modified the open/close state. Reply to this email directly, view it on GitHub (#8693 (comment)), or unsubscribe (https://github.com/notifications/unsubscribe-auth/AM5627BTQH6STKLWGCRCJE3RI56M7ANCNFSM4LRKRJ5A).

[Mat20]

Just follow the instructions in the TERMINAL that will work.
Delete package-lock.json (not package.json!) And / or yarn.lock in your project folder.
Delete node_modules in your project folder.
Remove "babel-loader" from dependencies and / or devDependencies in the package.json file
in your project folder.
Run npm install or yarn, depending on the package manager you use.

I didn't understand it at first but I ended up falling on the page and translating it into my language so I could solve the problem ..

Hugs, thank you very much ...

[adrianmcli]

If anyone is interested, I had the same problem.

Turns out I had babel-loader installed in a node_modules folder from a parent folder.