Angular AOT/ngc 重复路由定义答案

【问题标题】：Angular AOT/ngc duplicates route definitionsAngular AOT/ngc 重复路由定义
【发布时间】：2016-10-05 15:18:02
【问题描述】：

我在为延迟加载的 Angular 应用程序设置提前编译时遇到了一些问题。

延迟加载的路由在app.routes.ts 文件中定义，该文件由app.module.ts 导入。当我运行ngc 时，app.routes.ts 的内容被内联到app.module.ngfactory.ts，但是这个文件还包括对原始app.module.ts 的导入，然后再次导入app.routes.ts 等等......

然后，当我将 AOT 应用程序与 Webpack 捆绑在一起时，我得到了我的路由定义的副本（使用 angular2-router-loader），其中的相对路径无法在两个实例之一上解析（因为一个是内联的并且存在于我的目录树的不同级别）。

我该如何解决这个问题？ ngc 在 app.module.ngfactory.ts 中生成原始 app.module.ts 文件的导入对我来说似乎很奇怪，但我不知道如何防止它。

【问题讨论】：

标签： angular typescript webpack angular2-aot

【解决方案1】：

如果有人发现这个问题，我通过将angular2-router-loader 的genDir 选项设置为目录在我的genDir 目录中 解决了这个问题，该目录包含我编译的应用程序的源文件.

此选项的文档现已通过an example 进行了澄清。

【讨论】：