Angular 2 + mvc core: Не удалось загрузить ресурс: сервер ответил статусом 404 (не найдено)

Question

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

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

, например, я вижу следующую ошибку:

Error: (SystemJS) XHR error (404 Not Found) loading http://localhost:5000/app/app.html.js wrapFn@http://localhost:5000/node_modules/zone.js/dist/zone.js:698:34 invokeTask@http://localhost:5000/node_modules/zone.js/dist/zone.js:265:40 runTask@http://localhost:5000/node_modules/zone.js/dist/zone.js:154:57 invoke@http://localhost:5000/node_modules/zone.js/dist/zone.js:335:40 Error loading http://localhost:5000/app/app.html.js as "app/app.html" from http://localhost:5000/app/app.component.js

Теперь я знаю, что у меня нет app.html.js, но я не могу понять, почему угловой пытается загрузить файл, который не существует. Дальше больше его только добавляет к путанице, когда я знаю, что я явно устанавливая мой шаблон app.html как таковой

import { Component } from "@angular/core"; 
import { Router } from "@angular/router"; 

const template = require("./app/app.html"); 

@Component({ 
    selector: "alerts", 
    template: template 
}) 

export class AppComponent { 
    constructor(public router: Router) {} 
} 

Любая помощь будет принята с благодарностью. не

редактировать Просто, чтобы исключить компонент я также упрощенным, удалив внешний шаблон и шаблон разметки непосредственно в компонент, и я по-прежнему получать те же результаты, угловатый ищет файл тот ни ссылки или существующие:

import { Component } from "@angular/core"; 
import { Router } from "@angular/router"; 

@Component({ 
    selector: "alerts", 
    template: `<alerts></alerts>` 
}) 

export class AppComponent { 
    constructor(public router: Router) {} 
} 

Answer 1

гораздо более простой способ сделать это было бы использовать moduleId:module.id, и поэтому не требуют требуют

@Component({ 
    moduleId:module.id, // this makes the .html relative to the folder you are in 
    selector: "alerts", 
    templateUrl: app.html 
})