时间戳

首页 > 解决方案 > PhantomJS/Chrome 在 Angular 6 项目中因“Zone\nat”/“脚本错误”而在 Karma 测试中失败

angular - PhantomJS/Chrome 在 Angular 6 项目中因“Zone\nat”/“脚本错误”而在 Karma 测试中失败

问题描述

嗨 StackOverflow 的人们，

我被困住了！我ng test失败了，尽管ng serve构建和编译这个 Angular 6 项目没有任何问题。我得到的错误如下：

业力失败

此外，在 Chrome 失败之后，就像这样：

在此处输入图像描述

我对正在发生的事情几乎一无所知，但是这个问题阻止了成功部署，因为构建街道失败了。

作为一个大菜鸟，我正在疯狂地尝试应用与我的问题非常相似的解决方案，但无济于事。这就是我向你们寻求帮助的原因！我试过在 Angular2 项目中做 PhantomJS 不适用于 Karma；将import 'zone.js/dist/zone'polyfills.ts 放在文件顶部；更新 PhantomJS 等等。

我的 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-phantomjs-launcher'),
      require('karma-jasmine-html-reporter'),
      require('karma-coverage-istanbul-reporter'),
      require('@angular-devkit/build-angular/plugins/karma')
    ],
    /*...*/
    browsers: ['Chrome', 'PhantomJS'],
    singleRun: true
  });
};

不知道它是否会有所帮助，但我的 package.json 看起来像这样：

 {
  "name": "isms-frontend",
  "version": "0.0.0",
  "scripts": {
    "ng": "ng",
    "start": "ng serve",
    "build": "ng build",
    "test": "ng test",
    "lint": "ng lint",
    "e2e": "ng e2e",
    "prepare": "patch-package"
  },
  "private": true,
  "dependencies": {
    "@angular/animations": "6.1.8",
    "@angular/cdk": "^6.4.7",
    "@angular/common": "6.1.8",
    "@angular/compiler": "6.1.8",
    "@angular/core": "6.1.8",
    "@angular/forms": "6.1.8",
    "@angular/http": "6.1.8",
    "@angular/material": "^6.4.7",
    "@angular/platform-browser": "6.1.8",
    "@angular/platform-browser-dynamic": "6.1.8",
    "@angular/router": "6.1.8",
    "core-js": "^2.5.4",
    "hammerjs": "^2.0.8",
    "intl": "^1.2.5",
    "ngx-window-core": "^1.0.84",
    "rxjs": "6.3.2",
    "rxjs-compat": "6.3.2",
    "zone.js": "~0.8.26"
  },
  "devDependencies": {
    "@angular-devkit/build-angular": "~0.8.0",
    "@angular-devkit/build-ng-packagr": "~0.8.0",
    "@angular/cli": "~6.2.1",
    "@angular/compiler-cli": "^6.1.0",
    "@angular/language-service": "^6.1.0",
    "@types/jasmine": "~2.8.8",
    "@types/jasminewd2": "~2.0.3",
    "@types/node": "~8.9.4",
    "codelyzer": "~4.3.0",
    "jasmine-core": "~2.99.1",
    "jasmine-spec-reporter": "~4.2.1",
    "karma": "~3.0.0",
    "karma-chrome-launcher": "~2.2.0",
    "karma-coverage-istanbul-reporter": "~2.0.1",
    "karma-jasmine": "~1.1.2",
    "karma-jasmine-html-reporter": "^0.2.2",
    "karma-phantomjs-launcher": "^1.0.4",
    "ng-packagr": "^4.1.0",
    "phantomjs-prebuilt": "^2.1.16",
    "patch-package": "^5.1.1",
    "protractor": "~5.4.0",
    "ts-node": "~7.0.0",
    "tsickle": ">=0.29.0",
    "tslib": "^1.9.0",
    "tslint": "~5.11.0",
    "typescript": "~2.9.2"
  }
}

请让我知道是否有更多信息可以帮助解决此问题。在此先感谢您的时间！

标签： angulargoogle-chromephantomjskarma-jasminezone

解决方案

在经历了所有的痛苦之后，我发现我所要做的就是将一个论点传递给ng test，就像ng test isms-frontend我的情况一样。从https://github.com/angular/angular-cli/issues/12581的jorgjanke上找到答案

推荐阅读