create react app - without typescript , got Error: Failed to load parser '@typescript-eslint/parser'

Question

I have sample installation of react-app and I got the following

Error: Failed to load parser '@typescript-eslint/parser' declared in '.eslintrc » eslint-config-react-app#overrides[0]': Cannot find module 'typescript' 

after running

 npm run lint -> eslint .

I don't use typescript in this project. I tried to install it from scratch and got it again. also tried to remove tslint from vscode plugin

Answer 1

You can add this to your .eslintignore file in the root of your project.

node_modules

create-react-app team will release a new version with that fix also

https://github.com/facebook/create-react-app/pull/8376

Answer 2

Create React App adds eslint config to package.json, so you just have to add eslintIgnore with node_modules in package.json. A cleaner alternative to creating a separate file .eslintignore

  // package.json
  // ...
  "eslintConfig": {
    "extends": "react-app"
  },
  "eslintIgnore": [
    "node_modules",
    "build/*"
  ],

Answer 3

I had the same issue when trying to create a new react app today.

You can try the following steps:

1. Make sure you update your nodejs to the latest version
2. Make sure your folder path is short and does not contain spaces
3. Run: npm install -g create-react-app
4. Run: npm i --save-dev typescript @typescript-eslint/parser
5. Run: create-react-app my-app

Answer 4

Most likely, you have this in your .eslintrc:

extends: react-app

It means the following rule is applied:

files: ['**/*.ts?(x)'], 
parser: '@typescript-eslint/parser', 

Which probably means you have *.ts/*.tsx files in your root folder. But maybe it's the vscode-eslint. Did you try to run yarn lint from the terminal?