错误:找不到模块“公开?区域！zone.js”

Question

我正在尝试角2。但是在导入zone.js作为全局变量之后，我得到了这个错误：

​

​

我的包裹及其版本：

"dependencies": {
    "angular2": "2.0.0-beta.3",
    "es6-promise": "3.0.2",
    "es6-shim": "0.33.13",
    "expose-loader": "^0.7.1",
    "reflect-metadata": "0.1.2",
    "rxjs": "5.0.0-beta.0",
    "zone.js": "0.5.11"
}

我在我的index.ts中导入了index.ts，像这样的import 'expose?Zone!zone.js';。

而且，我的index.ts是webpack.config.js文件中的条目。

如何通过将zone.js公开为全局变量来正确导入WebPack(因为我使用的是WebPack，所以使用公开加载程序)？

Answer 1

Zone.js是角2填充的依赖项，正如埃里克马丁内斯上面所指出的。目前，关于与Webpack一起工作的“角2”的信息似乎相当缺乏。碰巧，一个简单的设置并不是那么复杂。

在主条目文件的顶部，或者在供应商代码的单独条目文件中，导入以下内容：

// bundle.ts

import 'es6-shim';
import 'angular2/bundles/angular2-polyfills';
import 'rxjs';

这就是你真正需要的。但是，如果您想为您的供应商代码创建一个单独的块，也许可以使用Webpack的CommonsChunkPlugin，那么您应该导入其他在应用程序中稍后使用的角2文件，如下所示：

// vendor.ts

import 'es6-shim';
import 'angular2/bundles/angular2-polyfills';
import 'angular2/platform/browser';
import 'angular2/core';
import 'angular2/router';
import 'rxjs';