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

[meness]

Describe the bug

When I run eslint: lint whole folder task, it fails because of the error mentioned in the title.

Did you try recovering your dependencies?

Yes, I did.

Which terms did you search for in User Guide?

The issue is not related to any of them, it's ESLint.

Environment

Environment Info:

 current version of create-react-app: 3.4.1
 running from C:\Users\X\AppData\Roaming\npm\node_modules\create-react-app

 System:
 OS: Windows 10 10.0.18363
 CPU: (8) x64 Intel(R) Core(TM) i7-2670QM CPU @ 2.20GHz
 Binaries:
 Node: 12.10.0 - C:\Program Files\nodejs\node.EXE
 Yarn: 1.22.4 - C:\Users\X\AppData\Roaming\npm\yarn.CMD
 npm: 6.14.4 - C:\Users\X\AppData\Roaming\npm\npm.CMD
 Browsers:
 Edge: 44.18362.449.0
 Internet Explorer: Not Found
 npmPackages:
 react: ^16.13.1 => 16.13.1
 react-dom: ^16.13.1 => 16.13.1
 react-scripts: ^3.4.1 => 3.4.1
 npmGlobalPackages:
 create-react-app: Not Found

Steps to reproduce

Just run eslint: lint whole folder task.

This is my ESLint config:

{
 "extends": [
 "react-app",
 "airbnb",
 "prettier"
 ],
 "env": {
 "mocha": true,
 "es6": true,
 "commonjs": true,
 "browser": true
 },
 "parser": "babel-eslint",
 "parserOptions": {
 "ecmaVersion": 2020,
 "sourceType": "module",
 "ecmaFeatures": {
 "jsx": true,
 "modules": true,
 "experimentalObjectRestSpread": true
 }
 },
 "plugins": [
 "prettier"
 ],
 "rules": {
 "no-underscore-dangle": "off",
 "class-methods-use-this": "off",
 "import/no-extraneous-dependencies": [
 "error",
 {
 "devDependencies": true
 }
 ]
 }
}

Expected behavior

It should not throw exceptions.

Actual behavior

It throws the above exception.

Reproducible demo

[dabonnestor]

Having also the same problem ☹

[Chernavskikh]

same issue

[techimist]

having exactly same problem

[Annis-Monadjem]

having exact same problem:

Kernel: 4.15.0-99-generic x86_64 bits: 64 compiler: gcc v: 7.5.0 Desktop: Xfce 4.14.1
Distro: Linux Mint 19.3 Tricia base: Ubuntu 18.04 bionic

[damien-git]

Related issues: #6834, #8745.

[Vanuan]

Do you have any ts files in the folder you're trying to lint?

find . -name '*.ts?'

[Vanuan]

Here's the config that triggers the error:

https://github.com/facebook/create-react-app/blob/f5c3bdb65480f93b2d4a4c2f3214fc50753de434/packages/eslint-config-react-app/index.js#L57-L69

Apparently, *.ts files are being compiled even if you specify js glob pattern: eslint './src/**/*.{js,jsx}'. Maybe it's a bug in the eslint plugin loading mechanism

[Vanuan]

The "lint whole folder" task you mentioned suggests you're using VSCode. So maybe create an issue in the https://github.com/microsoft/vscode-eslint repo

[LazzyLizzard]

The "lint whole folder" task you mentioned suggests you're using VSCode. So maybe create an issue in the https://github.com/microsoft/vscode-eslint repo

So it there any workaround to override parser or any other settings in local .eslintrc file?

[Chernavskikh]

The "lint whole folder" task you mentioned suggests you're using VSCode. So maybe create an issue in the https://github.com/microsoft/vscode-eslint repo

I don't use vs code or .ts files - there is an issue with create-react app

[LazzyLizzard]

Well the only thing that helped me is npm install --save typescript. It's bad, but however it resolves the problem.

[Vanuan]

@Chernavskikh I was referring to OP. Which task did you run?

What's the output of find . -name '*.ts?'