ESLint 缺少文件扩展名 ts - TypeScript

如果你在使用 TypeScript 开发应用程序，在检查代码时可能会遇到 "ESLint 缺少文件扩展名 ts" 的错误。这是由于 ESLint 在解析 TypeScript 代码时默认只支持 .js 文件，而不支持 .ts 文件。

为了解决这个问题，我们可以执行以下操作：

1. 安装相关依赖

我们需要安装两个依赖项：@typescript-eslint/parser 和 @typescript-eslint/eslint-plugin。

npm install @typescript-eslint/parser @typescript-eslint/eslint-plugin --save-dev

这将安装解析器和 TypeScript 插件。

2. 配置 .eslintrc.js 文件

在项目根目录下创建 .eslintrc.js 文件，并将以下代码添加到文件中：

module.exports = {
   parser: '@typescript-eslint/parser',
   plugins: ['@typescript-eslint'],
   extends: ['plugin:@typescript-eslint/recommended'],
};

这将告诉 ESLint 使用 TypeScript 解析器和相应的插件。

3. 配置 package.json 文件

我们需要告诉 ESLint 要在哪些文件上执行检查。在 package.json 文件中添加以下配置：

"eslintConfig": {
    "extends": [
      "react-app",
      "plugin:@typescript-eslint/recommended"
    ],
    "overrides": [
      {
        "files": ["**/*.ts?(x)"],
        "parserOptions": {
          "project": [
            "./tsconfig.json"
          ],
          "tsconfigRootDir": "./"
        },
        "extends": [
          "plugin:@typescript-eslint/recommended"
        ]
      }
    ]
  }

在上述代码中，我们告诉 ESLint 要检查所有 .ts 和 .tsx 文件，并且我们需要指定 tsconfig.json 文件的位置。

4. 运行 ESLint

现在我们已经完成了配置，可以运行 ESLint：

npx eslint src/**/*.tsx src/**/*.ts

这将运行 ESLint 并检查所有 .ts 和 .tsx 文件。

希望这篇文章对解决 "ESLint 缺少文件扩展名 ts" 的错误有所帮助。