加载编译脚本时 Angular2 AoT 404

Question

我正在 Visual Studio 2015 社区环境中开发 Angular2 （最新版本） 项目。我已经设置了 AoT 的设置，并且正在输出到 /aot 文件夹。

当我运行项目时，我的浏览器出现以下错误：

Failed to load resource: the server responded with a status of 404 (Not Found)
http://localhost:15609/aot/app/app.module.ngfactory

localhost/:28 Error: (SystemJS) XHR error (404 Not Found) loading http://localhost:15609/aot/app/app.module.ngfactory
    Error: XHR error (404 Not Found) loading http://localhost:15609/aot/app/app.module.ngfactory
        at XMLHttpRequest.wrapFn [as _onreadystatechange] (http://localhost:15609/node_modules/zone.js/dist/zone.js:647:29)
        at ZoneDelegate.invokeTask (http://localhost:15609/node_modules/zone.js/dist/zone.js:236:37)
        at Zone.runTask (http://localhost:15609/node_modules/zone.js/dist/zone.js:136:47)
        at XMLHttpRequest.ZoneTask.invoke (http://localhost:15609/node_modules/zone.js/dist/zone.js:304:33)
    Error loading http://localhost:15609/aot/app/app.module.ngfactory as "../aot/app/app.module.ngfactory" from http://localhost:15609/app/main.js
        at XMLHttpRequest.wrapFn [as _onreadystatechange] (http://localhost:15609/node_modules/zone.js/dist/zone.js:647:29)
        at ZoneDelegate.invokeTask (http://localhost:15609/node_modules/zone.js/dist/zone.js:236:37)
        at Zone.runTask (http://localhost:15609/node_modules/zone.js/dist/zone.js:136:47)
        at XMLHttpRequest.ZoneTask.invoke (http://localhost:15609/node_modules/zone.js/dist/zone.js:304:33)
    Error loading http://localhost:15609/aot/app/app.module.ngfactory as "../aot/app/app.module.ngfactory" from http://localhost:15609/app/main.js(anonymous function) @ localhost/:28

我可以在应用程序的文件夹结构中找到该文件。它在那里，而且不是空的。

我的 main.ts 文件如下所示：

import {platformBrowser} from '@angular/platform-browser';

import { AppModuleNgFactory } from '../aot/app/app.module.ngfactory';

platformBrowser().bootstrapModuleFactory(AppModuleNgFactory);

如果需要我可以提供其他需要的代码。

Answer 1

根据您的错误日志，您的 main.ts 和 app.module.ngfactory 文件位于 app 文件夹中，因此您在 main.ts 中的包含路径应该是 import { AppModuleNgFactory } from 'app.module.ngfactory';。

我认为你在编译 aot 后由于相对路径不匹配而出错。

加载编译脚本时 Angular2 AoT 404

Angular2 AoT 404 when loading compiled scripts

aot

visual-studio-2015

angular