Angular项目无法生成karma.conf配置文件的问题求助

问题原因 #

Angular CLI 15及以上版本中，ng generate config karma命令已被废弃，不再支持直接通过该命令生成Karma配置文件。

解决方案 #

1. 使用正确的CLI命令生成配置

执行以下命令生成Karma配置文件：

ng generate @angular/cli:config karma
# 或简写
ng g @angular/cli:config karma

该命令会自动在项目根目录创建karma.conf.js，并同步更新angular.json中的测试配置。

2. 手动创建Karma配置文件

如果上述命令仍无法执行，可手动完成配置：

• 在项目根目录新建karma.conf.js文件，粘贴以下默认配置（适配你的项目名称unitest）：

module.exports = function (config) {
  config.set({
    basePath: '',
    frameworks: ['jasmine', '@angular-devkit/build-angular'],
    plugins: [
      require('karma-jasmine'),
      require('karma-chrome-launcher'),
      require('karma-jasmine-html-reporter'),
      require('karma-coverage'),
      require('@angular-devkit/build-angular/plugins/karma')
    ],
    client: {
      jasmine: {},
      clearContext: false
    },
    jasmineHtmlReporter: {
      suppressAll: true
    },
    coverageReporter: {
      dir: require('path').join(__dirname, './coverage/unitest'),
      subdir: '.',
      reporters: [
        { type: 'html' },
        { type: 'text-summary' }
      ]
    },
    reporters: ['progress', 'kjhtml'],
    port: 9876,
    colors: true,
    logLevel: config.LOG_INFO,
    autoWatch: true,
    browsers: ['Chrome'],
    singleRun: false,
    restartOnFileChange: true
  });
};

• 打开angular.json，找到projects -> unitest -> architect -> test -> options，添加karmaConfig字段指向刚创建的文件：

"options": {
  "main": "src/test.ts",
  "polyfills": "src/polyfills.ts",
  "tsConfig": "tsconfig.spec.json",
  "karmaConfig": "karma.conf.js",
  "assets": ["src/favicon.ico", "src/assets"],
  "styles": ["src/styles.css"],
  "scripts": []
}

3. 修复Node版本兼容问题

你的Node版本19.7.0属于非官方支持版本（Angular CLI 15推荐Node 14.20+/16.13+/18.10+），可能引发CLI命令异常。建议降级到LTS版本：

# 使用nvm切换版本（需先安装nvm）
nvm install 18
nvm use 18

执行完上述步骤后，运行ng test即可正常启动Karma测试，配置文件也会生效。

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