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.

Not compatible with VS Code + ESLint plugin

See original GitHub issue

Perhaps this is an issue not in the scope of this project but…

Steps

  1. $ create-react-app testApp && cd testApp
  2. Open project in VS Code with ESLint plugin installed
  3. Open any javascript file

Expected

ESLint plugin lints my code and displays errors.

Actual

VS Code display this error: No ESLint configuration found


This makes sense because there isn’t an eslint config file anywhere. I ran npm run eject and changed config/eslint.js to config/.eslintrc.js to match '**/.eslintr{c.js,c.yaml,c.yml,c,c.json}' per https://github.com/Microsoft/vscode-eslint/blob/master/eslint/extension.ts#L40. This didn’t fix the issue. Does anyone have any suggestions?

Issue Analytics

  • State:closed
  • Created 7 years ago
  • Comments:21 (13 by maintainers)

github_iconTop GitHub Comments

7reactions
gaearoncommented, Jul 23, 2016

Ideally I’d like different tools to adopt a convention of configuration field in package.json that would specify base directory for all configs. We would just put react-scripts/config there, and Flow and ESLint could autodiscover them there. Tools don’t currently support this because zero conf environments are rare in JS.

2reactions
gaearoncommented, Jul 29, 2016

Please follow these instructions for integrating linting with your editor:

https://github.com/facebookincubator/create-react-app/blob/master/template/README.md#display-lint-output-in-the-editor

It is unfortunate that we require global installation but this is a problem on ESLint’s end, and they intend to solve it: https://github.com/eslint/eslint/issues/3458.

Read more comments on GitHub >

github_iconTop Results From Across the Web

VS Code ESLint extension - Visual Studio Marketplace
Extension for Visual Studio Code - Integrates ESLint JavaScript into VS Code.
Read more >
ESLint not working in VS Code? - Stack Overflow
If ESLint is running in the terminal but not inside VSCode, it is probably because the extension is unable to detect both the...
Read more >
ESLint not working in VSCode? Help build a troubleshooting ...
Maybe you've just set up a new VSCode installation or something's gone wrong syncing your settings. Make sure, the ESLint plugin is ...
Read more >
How to use ESLint in VSCode - Robin Wieruch
How to install ESLint for VS Code (Visual Studio Code). Install ESLint, configure it per project, and use a local .prettierrc file ......
Read more >
5 Reasons to IMMEDIATELY Turn On ESLint in VS Code
ESLint can help you become a better developer in lots of ways. It can save you time by catching errors sooner as well...
Read more >

github_iconTop Related Medium Post

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