Angular 无法将浏览器连接到Karma服务器（永久页面加载）

我正在使用IntelliJ启动业力。一切看起来都很好，新的Chrome窗口弹出，但它永远保持加载

业力日志：

17 07 2018 13:29:01.754:INFO [karma]: Karma v1.7.1 server started at http://0.0.0.0:9877/
17 07 2018 13:29:01.758:INFO [launcher]: Launching browser Chrome with unlimited concurrency
17 07 2018 13:29:01.773:INFO [launcher]: Starting browser Chrome

 10% building modules 1/3 modules 2 active …ts\rafa-components-lib\src\polyfills.ts
 10% building modules 2/3 modules 1 active …ts\rafa-components-lib\src\polyfills.ts
 75% basic chunk optimization EnsureChunkConditionsPlugin
 75% basic chunk optimization RemoveParentModulesPlugin
 88% hashing
 90% additional chunk assets processing
 92% after chunk asset optimization SourceMapDevToolPlugin main.js generate SourceMap
Waiting for a captured browser... To capture a browser open http://localhost:9877/

访问localhost:9877会导致永久加载。有时它会按预期工作（karma启动并连接浏览器），但它是随机的

也许有人知道发生了什么

业力配置：

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-istanbul-reporter'),
      require('@angular-devkit/build-angular/plugins/karma')
    ],
    client: {
      clearContext: false // leave Jasmine Spec Runner output visible in browser
    },
    coverageIstanbulReporter: {
      dir: require('path').join(__dirname, '../coverage'),
      reports: ['html', 'lcovonly'],
      fixWebpackSourcePaths: true
    },
    reporters: ['progress', 'kjhtml'],
    port: 9877,
    colors: true,
    logLevel: config.LOG_INFO,
    autoWatch: true,
    browsers: ['Chrome'],
    singleRun: false
  });
};

新浏览器窗口：

连接已建立：

---

在Webstorm中，我也遇到了同样的问题

我在测试中遇到了一个编译问题，在我的例子中是node_modules/rxjs/Observable.d.ts（1,15）中的

错误：错误TS2307:找不到模块'rxjs compat/Observable'。

---

在Webstorm控制台中，只有在第三次捕获浏览器失败后才显示错误。当您运行

ng test

时，您将立即看到编译错误。解决问题后，测试在Webstorm中正常运行。

为了缩小问题范围，您可以1）使用当前版本的CLI（如果使用CLI），从头开始创建演示项目。2） 如果出现相同问题，请更新CLI，该CLI也将更新Karma。3） 尝试使用不同的浏览器版本（ChromeCanary或将Chrome更新为最新版本-尽管我猜您使用的是最新的Chrome）。1）项目是全新的（在旧的、更大的项目上也是如此）2）我已将Karma从1.7*更新为最新版本（在两个版本上都是如此）3）我已尝试使用Firefox-结果相同。我还尝试使用putty打开到侦听端口的原始连接，但我得到了“连接被拒绝”。防火墙已关闭。。。。我不得不杀死所有Node.js进程，然后重新开始——这很有帮助。但问题肯定会在短时间内像以前一样出现。您使用的是什么版本的Angular。。。。或者这更像是一个业力问题而不是一个角度问题？我认为这是业力问题（甚至是环境问题）。在Angular 5和6发生在我身上，Karma 1.7和最新版本（2.*）好的，我已经解决了问题。对我来说，它挂在IntelliJ上，但在ng测试中工作。在ng测试中，我在测试文件中发现了一些编译问题。当我修复它们时，它开始在IntelliJ.Yep中工作。ng测试确实显示了编译错误，而运行Karma server并没有显示任何内容。也为我工作。我想知道是否有办法在Karma每次启动测试之前运行规范编译？确实如此。奇怪的是，现在已经过去2年了，问题也完全一样。我想我已经学会了如何面对它；）