Angular 14中如何通过CLI命令指定Karma配置文件运行单元测试

1. 修正命令参数格式 #

Angular CLI test 命令指定Karma配置的正确参数是**--karma-config**（短横线分隔的kebab-case格式），你之前使用的驼峰式--karmaConfig会被CLI忽略，替换为以下命令尝试：

ng test --karma-config=karma.ci.js

2. 确认配置文件路径有效性 #

• 若karma.ci.js在项目根目录，直接写文件名即可；若在子目录，需填写完整相对路径，比如./config/karma.ci.js
• 先通过ls（Linux/macOS）或dir（Windows）命令确认文件是否存在于指定路径

3. 验证配置文件内容合法性 #

确保karma.ci.js的语法和配置项符合Karma要求，正确导出配置对象：

module.exports = function(config) {
  config.set({
    browsers: ['ChromeHeadless'],
    reporters: ['progress', 'junit'],
    // 其他CI环境所需配置
  });
};

4. 排查angular.json的配置冲突 #

检查angular.json中项目test目标的options是否硬编码了karmaConfig字段，CLI会优先使用这里的配置，覆盖命令行参数：

{
  "projects": {
    "your-project-name": {
      "architect": {
        "test": {
          "options": {
            // 若存在该行，可删除或修改为目标配置文件路径
            "karmaConfig": "karma.conf.js"
          }
        }
      }
    }
  }
}

5. 更新Angular CLI到14.x最新补丁版本 #

若为CLI版本bug导致参数失效，执行以下命令更新到同大版本的最新补丁：

npm install @angular/cli@14 --save-dev

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