集成Angular CLI后执行ng test命令（KARMA-JASMINE）报错

咱们先从这个版本组合的典型坑入手——Angular CLI 1.1.0搭配Angular 4.x确实有几个容易踩的点，我给你整理了一套排查和修复步骤：

1. 匹配Karma与Jasmine的依赖版本 #

Angular CLI 1.1.0对测试工具的版本有严格要求，先核对你package.json里的依赖：

• 确保karma版本为~1.7.0
• jasmine-core版本为~2.6.2
• karma-jasmine版本为~1.1.0
• karma-chrome-launcher版本为~2.2.0

如果版本不符，直接修改package.json后执行npm install（或yarn install）重新安装依赖。

2. 检查测试配置文件完整性 #

集成CLI时可能没自动生成完整的测试配置，手动确认以下两个文件：

• karma.conf.js：确保包含Angular CLI预设，开头配置如下：

  module.exports = function(config) {
    config.set({
      basePath: '',
      frameworks: ['jasmine', '@angular/cli'],
      plugins: [
        require('karma-jasmine'),
        require('karma-chrome-launcher'),
        require('@angular/cli/plugins/karma')
      ],
      // 其他配置项...
    });
  };
  

• test.ts：作为测试入口文件，需正确初始化Angular测试环境，示例内容：

  import './polyfills.ts';
  
  import 'zone.js/dist/long-stack-trace-zone';
  import 'zone.js/dist/proxy.js';
  import 'zone.js/dist/sync-test';
  import 'zone.js/dist/jasmine-patch';
  import 'zone.js/dist/async-test';
  import 'zone.js/dist/fake-async-test';
  
  import { getTestBed } from '@angular/core/testing';
  import {
    BrowserDynamicTestingModule,
    platformBrowserDynamicTesting
  } from '@angular/platform-browser-dynamic/testing';
  
  // 初始化测试环境
  getTestBed().initTestEnvironment(
    BrowserDynamicTestingModule,
    platformBrowserDynamicTesting()
  );
  
  // 导入所有.spec测试文件
  const context = require.context('./', true, /\.spec\.ts$/);
  context.keys().map(context);
  

3. 清理缓存并重新构建 #

缓存问题常导致莫名报错，执行以下命令彻底清理：

rm -rf node_modules
rm package-lock.json # 若用yarn则删除yarn.lock
npm cache clean --force
npm install
ng test --no-cache

4. 排查第三方库兼容性 #

如果项目中有老版本第三方库，可能未编译为ES5，导致测试时出现语法错误。可以先尝试仅运行单个组件的测试（比如ng test --include src/app/your-component/your-component.spec.ts），定位是否是特定组件的依赖出问题。

5. 升级Node版本至稳定版 #

你当前使用的Node 7.10.1虽理论支持Angular 4.x，但Node 8.x LTS版本与该Angular版本的兼容性更稳定，建议尝试升级后再运行测试。

如果以上步骤都试过仍报错，建议贴出具体的错误日志（比如控制台输出的完整报错信息），这样能更精准地定位问题~

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