Angular2 AoT 404 при загрузке скомпилированных скриптов

Question

Я работаю над Angular2 (последняя версия) проект в среде Visual Studio 2015 Community. Я установил настройки для 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';.

Я думаю, что вы получаете ошибку из-за вашего несоответствия относительного пути после вашей компиляции.