未捕获的引用错误:未定义区域(Jasmine)

Question

我正在为angular项目执行单元测试，但是我遇到了错误

未捕获的引用错误:未定义区域

在茉莉和因果报应中。目前我使用角6。

"jasmine-core": "~2.99.1",
    "jasmine-spec-reporter": "~4.2.1",
    "karma": "~1.7.1",
    "karma-chrome-launcher": "~2.2.0",
    "karma-coverage-istanbul-reporter": "~2.0.0",
    "karma-jasmine": "~1.1.1",
    "karma-jasmine-html-reporter": "^0.2.2",
    "typescript": "2.7.2",

未捕获的引用错误:区域未在以下位置定义:9876/_ karma _ web pack _/web pack:/node _ modules/Zone . js/dist/Zone-testing . js:85 at:9876/_ karma _ web pack _/web pack:/node _ modules/Zone . js/dist/Zone-testing . js:9 at Object。(:9876/_ karma _ web pack _/web pack:/node _ modules/zone . js/dist/zone-testing . js:12)..对象上webpack_require处的/node _ modules/zone . js/dist/zone-testing . js(zone-testing . js:1584)(:9876/_ karma _ web pack _/web pack:/web pack/bootstrap:76)../src/test . ts(:9876/_ karma _ web pack _/web pack:/src/test . ts:3)at web pack _ require(:9876/_ karma _ web pack _/web pack:/web pack/bootstrap:76)at checkDeferredModules(:9876/_ karma _ web pack _/web pack/bootstrap:43)at:9876/_ karma _ web pack _/web pack://web pack://bootstrap:134 at bootstrap

Answer 1

浏览下面的链接，这将对你有所帮助。

https://github.com/angular/zone.js/issues/776

module.exports = function (config) {
config.set({
basePath: '../',
frameworks: ['jasmine', '@angular/cli'],
plugins: [
require('karma-jasmine'),
require('karma-chrome-launcher'),
require('karma-jasmine-html-reporter'),
require('karma-coverage-istanbul-reporter'),
require('@angular/cli/plugins/karma')
],

Answer 2

我不知道这是否仍然是一个问题，但如果一切看起来都很好但仍然不起作用，请在 karma.conf.js 文件中尝试以下操作：

< code>config.set({...文件:[' node _ modules/zone . js/dist/zone . js ']})；

有关更多信息，请参阅此链接：链接

Answer 3

我在Angular 9也遇到了同样的问题。

我已经添加了一些导入和一个窗口到“test.ts”文件的多填充物。在完整文件下面。

// This file is required by karma.conf.js and loads recursively all the .spec and framework files

import 'zone.js/dist/zone';
import 'zone.js/dist/long-stack-trace-zone';
import 'zone.js/dist/proxy';
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 'zone.js/dist/zone-testing';
import { getTestBed } from '@angular/core/testing';
import {
  BrowserDynamicTestingModule,
  platformBrowserDynamicTesting
} from '@angular/platform-browser-dynamic/testing';

(window as any).global = window;

declare const require: {
  context(path: string, deep?: boolean, filter?: RegExp): {
    keys(): string[];
    <T>(id: string): T;
  };
};

// First, initialize the Angular testing environment.
getTestBed().initTestEnvironment(
  BrowserDynamicTestingModule,
  platformBrowserDynamicTesting()
);
// Then we find all the tests.
const context = require.context('./', true, /\.spec\.ts$/);
// And load the modules.
context.keys().map(context);