SvelteKit项目中ESLint无法检测.ts文件错误的问题排查

问题根源 #

你的ESLint配置未关联TypeScript项目配置，也未明确指定要检查.ts文件，导致仅扫描了.svelte文件，漏检了.ts文件中的错误。

修复方案 #

1. 关联TypeScript配置到ESLint
   修改.eslintrc.cjs的parserOptions，添加project和tsconfigRootDir字段，让ESLint读取你的tsconfig.json，启用TypeScript相关规则检查：

module.exports = {
    // ... 原有配置内容
    parserOptions: {
        sourceType: 'module',
        ecmaVersion: 2020,
        // 新增以下两行配置
        project: './tsconfig.json',
        tsconfigRootDir: __dirname
    },
    // ... 原有配置内容
};

2. 明确指定ESLint检查的文件类型
   在.eslintrc.cjs最上方添加files字段，将.ts、.js、.svelte文件都纳入扫描范围：

module.exports = {
    root: true,
    // 新增这行配置
    files: ['*.js', '*.ts', '*.svelte'],
    parser: '@typescript-eslint/parser',
    // ... 原有配置内容
};

3. 确认依赖完整性
   检查项目是否安装了必要的TypeScript ESLint依赖，未安装的话执行以下命令：

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

4. 排查忽略规则
   查看项目中是否存在.eslintignore文件，若文件中有忽略.ts文件的规则，直接删除该规则；同时确认你的.ts库文件路径未被该文件排除。

验证修复 #

运行npm run lint，或者直接指定单个.ts文件进行检测：eslint ./src/lib/your-library-file.ts，检查是否能识别出.ts文件中的明显错误。

内容的提问来源于stack exchange，提问作者zer09