为什么 create-react-app 在尝试 eslint 时会给出 typescript 错误（尽管没有 typescript 文件）？

Question

当我做eslint.

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

Answer 1

因为有TypeScript 文件 - 尽管 ESLint 默认排除node_modules/从 linting 中排除，但 CRA 的覆盖（为了为任何 TypeScript 文件加载适当的插件，这就是为什么你在输出中看到eslint-config-react-app#overrides[0] ) 确实包括node_modules/的内容（参见例如这个问题）。

您可以安装 TypeScript，但如果您不打算在您自己的源代码中使用任何 TypeScript 文件，您可以更具体地说明您想要 lint 的内容。 任何一个：

1. 将package.json中的脚本更改为仅对源目录进行 lint：

    "lint": "eslint src/"

2. 创建一个.eslintignore （或另一个文件，如果您设置了正确的--ignore-path ）文件，其中包含：

    node_modules/

3. 在 package.json 中添加 ESLint 配置package.json （或将其作为--ignore-pattern传递）：

    "eslintConfig": { "extends": "react-app", "ignorePatterns": [ "node_modules/" ] }

后两个选项来自配置文档。

Answer 2

安装typescript

npm install --save-dev typescript

然后eslint.

将按预期工作并且可以使用.eslintrc.yml文件。

顺便说一句，我也刚刚安装

npm install -save-save eslint-plugin-typescript

如果您正在这样做，您可能也需要这样做。

顺便说一句，不要使用 npm 安装 eslint 安装 eslint... 因为它可能会因为...Crewate-react-app 已经拥有它（但版本较低）而搞砸。 所以只需添加您的 eslintrc.yml 文件，它就可以工作（在编辑器中应用，并根据需要在命令行中使用此修复程序）。

例如 output：

.../src/components/SignUp/index.js
   1:41  error  Missing semicolon                              semi
   7:26  error  Unnecessary parentheses around expression      no-extra-parens
  15:2   error  Missing semicolon                              semi
  32:13  error  'username' is assigned a value but never used  no-unused-vars
  47:63  error  Missing semicolon                              semi
  95:26  error  Unnecessary parentheses around expression      no-extra-parens