Angular应用运行正常但Karma测试报错，求助排查解决

作为刚接触Angular测试的新手，我最近遇到了一个让人头大的问题：我的Angular应用跑起来完全没问题，但一执行ng test或者npm test就炸出一堆错误，折腾了好久才解决，分享给同样踩坑的朋友：

我遇到的具体错误 #

1. E2E测试类型报错：在e2e/app.e2e-spec.ts里的expect(page.getTitleText()).toEqual('frontend app is running!')这行代码，触发了TS2345类型错误，后来用expect<any>(page.getTitleText()).toEqual('frontend app is running!')绕过去了这个问题，但这只是临时方案。
2. Karma环境依赖注入失败：ApiService和NotesServiceService直接抛出NullInjectorError，提示找不到HttpClient的提供者。
3. 组件重复声明错误：AppComponent被同时声明在AppModule和DynamicTestModule中，我试着在app.component.spec.ts的TestBed配置里加了schemas: [CUSTOM_ELEMENTS_SCHEMA]，结果完全没用。

排查过程与最终解决 #

一开始我走了不少弯路：一会儿怀疑是TestBed里没正确导入HttpClientModule，一会儿觉得是组件声明的配置冲突，甚至尝试调整测试模块的schemas，但所有方法都不管用。

直到后来我才反应过来——我之前创建组件的时候，顺手删掉了其他组件的.spec.ts测试文件，但唯独留下了app.component.spec.ts。Angular的测试框架默认会扫描项目里所有.spec.ts文件，当部分组件的测试文件被删除，但是对应的组件还在应用中，测试套件的依赖扫描就会出现混乱，进而引发各种依赖注入、组件声明的异常。

找到问题后，我把误删的组件.spec.ts文件恢复了（如果确实不需要某些组件的测试，也可以在angular.json里配置测试的排除规则），之后所有测试错误都消失了，ng test终于能正常跑起来！

给新手的小建议 #

• 别随便删自动生成的.spec.ts文件，除非你明确知道怎么配置测试套件来排除这些文件
• 遇到依赖注入类的错误，先检查TestBed里是不是漏导入了必要的模块（比如用到HttpClient的话，要导入HttpClientModule）
• 组件重复声明的问题，大概率是测试文件的扫描范围出了问题，或者测试模块的配置和应用模块冲突了

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