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

1 个答案: