Angular中如何编译并运行指定的.spec.ts测试文件？

当其他.spec.ts文件存在语法错误导致编译失败时，fdescribe/fit标记无法解决问题——因为这些标记是在编译完成后控制测试执行，而编译阶段会扫描所有配置内的.spec文件，报错就会终止流程。以下是可行的解决方法：

方法1：使用ng test --include指定目标文件（推荐） #

直接通过CLI参数指定要运行的测试文件，确保路径写法正确（相对项目根目录），并用引号包裹避免shell解析问题：

# 单个文件
ng test --include "./src/app/your-target-component/your-target-component.spec.ts"

# 匹配多个文件（比如某目录下所有spec）
ng test --include "./src/app/feature-module/**/*.spec.ts"

该命令会让Angular CLI仅编译并运行符合路径规则的测试文件，完全忽略其他不符合条件的.spec文件，避开语法错误的文件。

方法2：临时修改tsconfig.spec.json #

如果--include参数未生效，可临时修改项目根目录的tsconfig.spec.json，将include数组改为仅包含目标测试文件：

{
  "extends": "./tsconfig.json",
  "compilerOptions": {
    "outDir": "./out-tsc/spec",
    "types": ["jasmine"]
  },
  "include": [
    "src/app/your-target-component/your-target-component.spec.ts"
  ]
}

修改后直接运行ng test即可，测试完成后记得将include恢复为原始配置（通常是["src/**/*.spec.ts", "src/**/*.d.ts"]）。

方法3：修改Karma配置临时排除文件 #

若前两种方法都不适用，可临时调整karma.conf.js，指定仅加载目标文件或排除错误文件：

module.exports = function (config) {
  config.set({
    // 保留原有其他配置，修改files或exclude
    files: [
      { pattern: './src/app/your-target-component/your-target-component.spec.ts', watched: false }
    ],
    // 或者添加排除规则
    exclude: [
      './src/app/error-containing-folder/**/*.spec.ts'
    ]
  });
};

运行ng test时会使用该配置，跳过错误文件的编译与执行。

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