Angular项目中Eslint/Prettier忽略.mock后缀文件的原因咨询

安全阿岳

2026-8-1

问题原因分析

1. 大概率是`.eslintignore`偷偷忽略了这类文件

这是最常见的情况——你的项目根目录里可能藏着一个.eslintignore文件，里面写了*.mock.ts或者**/*.mock.ts这样的规则，直接把带.mock.的文件排除在ESLint检查范围外了。很多Angular项目初始化时，或是团队统一配置时，会默认把Mock文件加入忽略列表，可能你没注意到这个文件的存在。

2. TypeScript配置没把Mock文件算进项目里

你的ESLint配置通过parserOptions.project绑定了tsconfig.json，ESLint只会检查TypeScript配置里明确包含的文件。虽然你贴的根tsconfig.json没写include和exclude，但Angular项目一般会有多个tsconfig文件（比如tsconfig.app.json、tsconfig.spec.json），如果根配置继承了这些子配置，而子配置里排除了Mock文件，就会导致ESLint认为这些文件不属于项目编译范围，直接跳过检查。

就算没有子配置，TypeScript默认的包含范围也可能没覆盖到你的Mock文件存放路径，比如Mock文件放在src/mocks目录，但默认include没包含这个路径，也会出问题。

3. 插件默认忽略（可能性极低）

你用的plugin:@angular-eslint/recommended官方配置里没有默认忽略.mock.ts的规则，其他常用插件也很少这么做，所以这个情况基本可以排除。

验证与解决方法

先找根目录的.eslintignore，打开看看有没有针对.mock.ts的忽略规则，有就删掉或者修改成你需要的范围。
修改tsconfig.json，明确把Mock文件加进include字段，比如：
```
"include": [
  "src/**/*.ts",
  "**/*.mock.ts"
]
```
同时检查项目里的其他tsconfig文件（比如tsconfig.app.json），确保它们的exclude规则没把Mock文件排除在外。
直接测试：运行npx eslint test.mock.ts，如果能正常检查出问题，说明就是忽略规则或tsconfig的问题；如果还是没反应，再去排查插件的特殊配置。