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

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

安装打字稿

npm install --save-dev typescript

然后eslint .

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

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

npm install -save-save eslint-plugin-typescript

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

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

示例输出：

.../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

Answer 2

因为那里有 TypeScript 文件 - 尽管 ESLint 默认排除 node_modules/ 进行 linting，但 CRA 的 override （为了为任何 TypeScript 文件加载适当的插件，这就是您看到 @987654326 的原因@ 在输出中）确实包含了node_modules/ 的内容（参见例如this issue）。

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

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

   "lint": "eslint src/"
   

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

   node_modules/
   

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

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

后两个选项来自the documentation on configuration。