将 Angular 9 更新为 10 后，Angular 业力无法捕获浏览器答案

【问题标题】：Angular karma can't capture browser after updating angular 9 to 10将 Angular 9 更新为 10 后，Angular 业力无法捕获浏览器
【发布时间】：2021-02-12 14:24:13
【问题描述】：

我按照angular update giude 上的指南将我的项目从版本 9 更新到 10。我的项目和我的业力测试在 angular 9 上运行得非常好。更新将 TypeScript 版本更改为 > 4，这导致了很多错误。请参阅此问题here。我修复了降级到 TypeScript 3.9.7 的错误。但是，如果我想运行我的业力测试，则无法捕获无头 chrome 浏览器，我的测试甚至都不会开始。如何再次捕获 chrome 浏览器？

我的 angular、jasmine 和 karma 版本详情：

"@angular-devkit/build-angular": "~0.1002.1",
"@angular/cli": "10.2.1",
"@angular/compiler-cli": "10.2.4",
"@angular/language-service": "10.2.4",
"@compodoc/compodoc": "1.1.10",
"@types/html2canvas": "0.0.35",
"@types/jasmine": "3.3.12",
"@types/jasminewd2": "2.0.6",
"@types/node": "^12.11.1",
"jasmine-core": "~3.5.0",
"jasmine-spec-reporter": "~5.0.0",
"karma": "~5.0.0",
"karma-chrome-launcher": "~3.1.0",
"karma-cli": "2.0.0",
"karma-jasmine": "~4.0.0",
"karma-jasmine-html-reporter": "^1.5.0",
"karma-spec-reporter": "0.0.32",
"typescript": "3.9.7"

我的 karma.conf.js 文件：

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-teamcity-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', 'json-summary', 'json'],
        fixWebpackSourcePaths: true,
        'report-config': {
            json: {
                type: 'json',
                file: 'partial/karma.json'
            }
        }
    },
    reporters: ['progress', 'kjhtml'],
    port: 8070,
    colors: true,
    logLevel: config.LOG_INFO,
    autoWatch: true,
    sourcemap: true,
    browsers: ['ChromeHeadless'],
    singleRun: false,
    customLaunchers: {
        ChromeHeadless: {
            base: 'Chrome',
            flags: [
                '--headless',
                '--no-sandbox',
                '--disable-gpu',
                '--disable-offline-pages',
                '--remote-debugging-port=9222'
            ]
        }
    }
});
};

尝试运行业力测试时我的控制台日志：

12 02 2021 15:21:54.842:INFO [karma-server]: Karma v5.0.9 server started at http://0.0.0.0:XXXX/
12 02 2021 15:21:54.845:INFO [launcher]: Launching browsers ChromeHeadless with concurrency unlimited
12 02 2021 15:21:54.849:INFO [launcher]: Starting browser Chrome
Waiting for a captured browser... To capture a browser open http://localhost:XXXX/
12 02 2021 15:22:54.849:WARN [launcher]: Chrome have not captured in 60000 ms, killing.
12 02 2021 15:22:54.983:INFO [launcher]: Trying to start Chrome again (1/2).

【问题讨论】：

标签： angular google-chrome karma-jasmine jasmine2.0

【解决方案1】：

您是否更改了项目文件夹结构？ ypu 更新了@angular/cdk 吗？关于打字稿错误，通常这可能是第 3 方库的问题。我在一个月前升级到 angular 10，然后升级到 angular 11，这是我的 angular 10 package.json。我正在使用与您相同的版本，并且一切都适用于 typescript 4。还可以尝试删除 nodu_modules 并重新安装它们。

  "devDependencies": {
    "@angular-devkit/build-angular": "~0.1002.1",
    "@angular/cli": "10.2.1",
    "@angular/compiler-cli": "10.2.4",
    "@angular/language-service": "10.2.4",
    "@compodoc/compodoc": "1.1.10",
    "@types/jasmine": "3.3.13",
    "@types/jasminewd2": "2.0.6",
    "@types/node": "^12.11.1",
    "codelyzer": "^5.1.2",
    "gulp": "4.0.2",
    "gulp-install": "1.1.0",
    "gulp-typedoc": "2.2.2",
    "jasmine-core": "~3.5.0",
    "jasmine-spec-reporter": "~5.0.0",
    "karma": "~5.0.0",
    "karma-chrome-launcher": "~3.1.0",
    "karma-cli": "2.0.0",
    "karma-coverage-istanbul-reporter": "~3.0.2",
    "karma-ie-launcher": "1.0.0",
    "karma-jasmine": "~4.0.0",
    "karma-jasmine-html-reporter": "^1.5.0",
    "karma-remap-istanbul": "0.6.0",
    "karma-sourcemap-loader": "0.3.7",
    "karma-spec-reporter": "0.0.32",
    "protractor": "~7.0.0",
    "puppeteer": "1.20.0",
    "ts-node": "8.3.0",
    "tslint": "~6.1.0",
    "typedoc": "0.14.2",
    "typescript": "4.0.5"
  },

【讨论】：