Create-react-app: ESLint is not running, error: "Cannot find module"

[jpaulomotta]

Is this a bug report?

Yes

Did you try recovering your dependencies?

Yes.

yarn --version 1.3.2

Which terms did you search for in User Guide?

Displaying Lint Output in the Editor

Environment

1. node -v: v8.9.4
2. npm -v: 5.6.0
3. yarn --version :1.32
4. npm ls react-scripts (if you haven’t ejected):
   [email protected] /Users/Joao/code/node/eslint-test
   └── [email protected]
5. yarn eslint --version: v4.17.0

Node LTS, latest version of yarn

Then, specify:

1. Operating system: MacOS High Sierra 10.13.2
2. Browser and version (if relevant):

Steps to Reproduce

1. Run in terminal

create-react-app eslint-test
cd eslint-test/
yarn add eslint -D

1. Create file .eslintrc in project root
2. Add this content to the .eslintrc file:

{
  "extends": "react-app"
}

1. Run yarn
2. Run yarn eslint src/App.js --debug

Expected Behavior

I though ESLINT would parse the file App.js
ESLint was supposed to work because I have followed the instructions on the documentation at "Displaying Lint Output in the Editor"

Actual Behavior

I'm getting the error Cannot find module 'eslint-config-react-app'

The output of yarn eslint src/App.js --debug:

The command npm ls eslint-config-react-app prints:

[email protected] /Users/Joao/code/node/eslint-test
└─┬ [email protected]
  └── [email protected] 

This issue was fixed running the command: yarn add -D eslint-config-react-app babel-eslint@^7.2.3 eslint@^4.1.1 eslint-plugin-flowtype@^2.34.1 eslint-plugin-import@^2.6.0 eslint-plugin-jsx-a11y@^5.1.1 eslint-plugin-react@^7.1.0

This issue took quite a while to be resolved.
Should this command be documented at "Displaying Lint Output in the Editor" or "Troubeshoot"? Others could be facing the same problem.

Reproducible Demo

Run the commands on Steps to reproduce.

[gaearon]

Yeah I think our docs currently assume the dependency is being hoisted but Yarn probably doesn’t do this.

[gaearon]

Maybe we could re-export the config as react-scripts/eslint so we don’t need to rely on hoisting.

[jpaulomotta]

How could I help with this?

I read the source code of eslint-config-react-app but I don't know how this re-export could be made.

[stale[bot]]

This issue has been automatically marked as stale because it has not had any recent activity. It will be closed in 7 days if no further activity occurs.