应用错误收集

简短版本：

angular2（当前为2.2.1）是否使用systemJS按照快速入门的方式使用延迟加载的模块并提前编译？

更长的版本：

我对angular2很新，并且一直关注angular.io上的快速入门和其他文档，创建一个包含几个组件的简单站点，分离到通过路由延迟加载的模块中。

所以请点击此处：https://angular.io/docs/ts/latest/cookbook/aot-compiler.html

我已按照所有说明进行操作，我已在aot文件夹中输出＆＃39;＆＃34; node_modules / .bin / ngc＆＃34; -p tsconfig-aot.json＆＃39;命令，我有一个＆＃39; build.js＆＃39;运行＆＃39;＆＃34; node_modules / .bin / rollup＆＃34;后，在我的dist文件夹中生成文件-c rollup-config.js＆＃39;命令。

我已经设置了我的index.html删除system.js并改为引用我的build.js输出。

我最初的尝试失败了，抱怨说它不知道什么是“系统”。是。我想在构建过程中，我不再需要system.js，所以不确定那里发生了什么。

如果我包含system.js并再次运行，我会在错误中得到以下堆栈跟踪：

无法加载资源：服务器响应状态为404（未找到） build.js：3 EXCEPTION：未捕获（在承诺中）：错误：（SystemJS）XHR错误（404 Not Found）loading http://localhost:3000/app/shell/layout.module.ngfactory 错误：XHR错误（404 Not Found）loading http://localhost:3000/app/shell/layout.module.ngfactory 在XMLHttpRequest.wrapFn [as _onreadystatechange]（http://localhost:3000/node_modules/zone.js/dist/zone.js:698:29）在ZoneDelegate.invokeTask（http://localhost:3000/node_modules/zone.js/dist/zone.js:265:35） at Object.onInvokeTask（http://localhost:3000/dist/build.js:4:15086）在ZoneDelegate.invokeTask（http://localhost:3000/node_modules/zone.js/dist/zone.js:264:40）在Zone.runTask（http://localhost:3000/node_modules/zone.js/dist/zone.js:154:47）在XMLHttpRequest.ZoneTask.invoke（http://localhost:3000/node_modules/zone.js/dist/zone.js:335:33）加载http://localhost:3000/app/shell/layout.module.ngfactory时出错（SystemJS）XHR错误（404 Not Found）loading http://localhost:3000/app/shell/layout.module.ngfactory 错误：XHR错误（404 Not Found）loading http://localhost:3000/app/shell/layout.module.ngfactory 在XMLHttpRequest.wrapFn [as _onreadystatechange]（http://localhost:3000/node_modules/zone.js/dist/zone.js:698:29）在ZoneDelegate.invokeTask（http://localhost:3000/node_modules/zone.js/dist/zone.js:265:35） at Object.onInvokeTask（http://localhost:3000/dist/build.js:4:15086）在ZoneDelegate.invokeTask（http://localhost:3000/node_modules/zone.js/dist/zone.js:264:40）在Zone.runTask（http://localhost:3000/node_modules/zone.js/dist/zone.js:154:47）在XMLHttpRequest.ZoneTask.invoke（http://localhost:3000/node_modules/zone.js/dist/zone.js:335:33）加载http://localhost:3000/app/shell/layout.module.ngfactory
时出错

很奇怪它正在尝试加载＆＃39; http://localhost:3000/app/shell/layout.module.ngfactory＆＃39;，这是我的一个懒惰加载的模块。

AOT是否不适用于延迟加载的模块？

使用延迟加载的模块和systemjs进行Angular2 AOT编译

2 个答案: