angular - 如何修复 Karma 中的空白页？

Question

我的 Angular 项目中有一个带有 Karma 的空白页面。 我只看到带有调试按钮的 header ，但主容器中什么也没有，它完全是空白的。 我应该准确地说我使用的是 WSL

这是我的 karma.conf.js

// Karma configuration file, see link for more information
// https://karma-runner.github.io/1.0/config/configuration-file.html

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', 'text-summary'],
      fixWebpackSourcePaths: true
    },
    reporters: ['progress', 'kjhtml'],
    port: 9876,
    colors: true,
    logLevel: config.LOG_INFO,
    autoWatch: true,
    browsers: ['Chrome'],
    singleRun: false,
    restartOnFileChange: true
  });
};

你有什么想法吗？

Answer 1

这可能是因为，有一些损坏的单元测试阻止了其他单元测试的运行。请按照以下步骤告诉我:

1. 使用 npm test 运行测试。
2. 打开浏览器并检查测试，应该没有任何损坏或失败的测试用例。还要检查控制台。找出问题并加以解决。
3. 检查 gibash 或 cmd 控制台，您也在其中运行了 npm test。它不应该给出任何控制台错误(在控制台上验证并修复它。)