Cannot find module 'eslint/lib/formatters/stylish'

[MaronMariusz]

Hi,

I found some strange issue to me:

Failed to compile.
./src/index.js
Module build failed: Error: Cannot find module 'eslint/lib/formatters/stylish'

What I did is just create app by using create-react-app myapp-name and that worked fine.
After that I had to push the project to repository and erase my mac disk image in order to install fresh copy of macOS image (due to some OS problems). Now I have everything fresh and after cloning repo, running npm i and then npm start I get mentioned message.

Moreover I tested it on newly created project and build works - for my app that I work on - does not.

I tried to test some case and steps like following:

1. create-react-app myapp
2. cd myapp
3. rm -rf node_modules/
4. cd ..
5. mv myapp otherapp
6. cd otherapp/
7. npm i
8. npm start

are good example to reproduce described issue.

My node version is: 9.3.0.
Trying it with 4.x and nothing changed.

Do you have some quick tip how to resolve it ?
Thanks.

[eltoro]

I had the same issue. I solved it by just installing eslint in the project: npm install eslint -S

[gaearon]

Please provide package.json. This information is not sufficient to help you.

My guess is you tried to install eslint manually by adding it to package.json. This can break things. Please remove it and try again.

I solved it by just installing eslint in the project: npm install eslint -S

This will cause further issues. Please don't do this unless you've ejected and know what you're doing.

[stephenfjohnson]

Ran into the same issue! I tried installing eslint in my local project. Now even after being removed my build is broken. Did what @eltoro did and it solved it.

{
  "name": "backdrop-finder",
  "version": "0.1.0",
  "private": true,
  "dependencies": {
    "apollo-cache-inmemory": "^1.1.0",
    "apollo-client": "^2.0.2",
    "apollo-link-http": "^1.1.0",
    "eslint": "^4.13.1",
    "graphql": "^0.11.7",
    "graphql-tag": "^2.5.0",
    "mapbox-gl": "^0.41.0",
    "mapbox-gl-geocoder": "^2.0.1",
    "polished": "^1.9.0",
    "react": "^16.0.0",
    "react-amplitude": "0.0.6",
    "react-apollo": "^2.0.1",
    "react-dom": "^16.0.0",
    "react-instagram-embed": "^1.3.2",
    "react-mapbox-gl": "^2.7.0",
    "react-router-dom": "^4.2.2",
    "react-scripts": "1.0.17",
    "styled-components": "^2.2.3"
  },
  "scripts": {
    "start": "react-scripts start",
    "build": "react-scripts build",
    "test": "react-scripts test --env=jsdom",
    "eject": "react-scripts eject"
  }
}

[gaearon]

It's not supported to try to install these tools into a project managed by react-scripts. Please don't do this, you'll just break the setup. I filed an issue to make it harder to break this way: #3638.

I'll close this one as it seems to be caused by a misunderstanding of how CRA works.

[jnelken]

I removed node_modules folder and the package.lock.json file and then ran npm install.

Fixed it for me

[flyher]

@eltoro
It works for me, thank you!

[abohannon]

I uninstalled eslint from my project with no luck. Only thing that worked for me was installing eslint into my dependencies rather than my devDependencies.

[gaearon]

If you haven't ejected and see this problem:

1. Remove anything with the word eslint from package.json
2. Remove package-lock.json and yarn.lock
3. Remove node_modules
4. Run npm install (or yarn if you use it)