VSCode将Angular CLI生成的spec.ts文件中测试方法标记为错误

常见修复方案 #

1. 确认测试框架类型依赖已安装 #

Angular CLI默认使用Jasmine作为测试框架，需确保对应的TypeScript类型定义已安装：

npm install @types/jasmine --save-dev

如果你改用Jest作为测试框架，则安装对应类型：

npm install @types/jest --save-dev

2. 检查tsconfig.spec.json配置 #

打开项目根目录下的tsconfig.spec.json文件，确保compilerOptions.types数组包含测试框架的类型：

{
  "compilerOptions": {
    "types": [
      "jasmine" // 若用Jest则替换为"jest"
    ]
  }
}

3. 重启VSCode的TypeScript服务 #

VSCode的TypeScript服务缓存可能导致类型识别异常，按下Ctrl+Shift+P（Windows/Linux）或Cmd+Shift+P（Mac），输入TypeScript: Restart TS Server并执行。

4. 切换到项目本地TypeScript版本 #

确保VSCode使用项目本地的TypeScript版本而非全局版本：点击VSCode右下角显示的TypeScript版本号，选择Use Workspace Version。

5. 清理依赖缓存并重装 #

若以上步骤无效，尝试清理依赖缓存后重新安装：

rm -rf node_modules package-lock.json
npm install

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