1

I'm using ESLint extension inside my VSCode editor. Extension is installed and after creating starter files of my React project, I'm doing:

eslint --init

inside my terminal. Then I choose AirBnb style guide with React. It creates .eslintrc.js file inside my project root folder.

ESLint is installed globally, but for the purposes of this issue I've also reinstalled localy inside my root folder like this:

npm install eslint --save-dev

Then I open my VSCode editor and extension is not linting any problems inside my files but I know there are some problems. Can it be related with .tsx extensions? I'm using TypeScript for the first time today. Do I have to use any extra packages to run up this? How to solve this?

I wanna mention that I had this problem before with other project, but there was no TypeScript - only .js and .jsx. Eslint extension was also not working, but suddenly during coding it started to run and warnings appears.

p7adams
  • 622
  • 1
  • 9
  • 24
  • Just a thought, the python linter only checks the document once you've hit save and doesn't recheck until you save again. Perhaps eslint is the same way... Are your changes unsaved? – pinkfloydx33 Jan 13 '18 at 16:55
  • All changes are saved. – p7adams Jan 13 '18 at 17:32
  • Does this answer your question? [ESLint not working in VS Code?](https://stackoverflow.com/questions/45093510/eslint-not-working-in-vs-code) – T.Todua Jan 25 '22 at 13:31

2 Answers2

5
  1. Did you enable eslint extension for your workspace?
  2. If enabled but still not working, uninstall eslint extension and delete eslint folder in vscode directory then re-install eslint again and reload vscode.

worked for me.

ibearkp
  • 78
  • 1
  • 9
2

I had to run ./node_modules/.bin/eslint --init to somehow cause eslint to be reconfigured, even though I had everything installed/configured correctly.

TimDog
  • 8,758
  • 5
  • 41
  • 50
  • 1
    This worked for me. I had run npm install, uninstalled and installed the extension, several times. The linter still did nothing. I ran this command in the terminal and it prompted me with a bunch of config questions, then created an .eslintrc.json file in the project root and voila! The linter started working. – Mike K Jul 07 '23 at 18:21