如何在 Angular 2+ 和 ES2015 模块中导入和使用 zone.js

Question

如何在 Angular 2+ 和 ES2015 模块中使用纯 zone.js API（如 Zone.current 或通过分叉创建新区域）？当我这样做时：

import { Zone } from 'zone.js';

我收到这个错误：

file: 'file:///c%3A/Users/InTheZone/src/main.ts'
severity: 'Error'
message: 'File 'c:/Users/InTheZone/node_modules/zone.js/dist/zone.js.d.ts' is not a module.'
at: '3,22'
source: 'ts'
code: '2306'

打字文件在那里，但它不导出任何东西。

Answer 1

如果你想在angular项目中使用Zone来访问Zone native API，你可以这样做。

declare let Zone: any;

class AppComponent {
  method() {
    Zone.current.fork({
      name: 'myZone'
    }).run(() => {
      console.log('in myzone? ', Zone.current.name);
    });
  }
}

如何在 Angular 2+ 和 ES2015 模块中导入和使用 zone.js

How to import and use zone.js in Angular 2+ and ES2015 Modules

javascript

zone.js

angular