TemplateUrl не может найти мой шаблон

Question

заголовков компонент

import { Component } from "angular2/core"; 

@Component({ 
    selector: "header-component", 
    templateUrl: "header-template.html" 

}) 

export class HeaderComponent { 

} 

основного компонента

import {Component} from "angular2/core"; 
import {bootstrap} from 'angular2/platform/browser'; 

// Components 
import { HeaderComponent } from "./header.component"; 
import {ParametersForm} from './form' 

@Component({ 
    selector: "my-app", 
    directives: [ParametersForm, HeaderComponent], 
    template: ` 
    <header-component></header-component> 
    <parameters-form></parameters-form> 
    ` 
}) 

class MainApp { 

} 

bootstrap(MainApp) 
    .catch(err => console.error(err)); 

проблема заголовок-template.html не найден

я попытался следующие

templateUrl: "header-template" 
templateUrl: "header-template.html" 
templateUrl: "./header-template.html" 

Да templa te находится в той же папке, что и остальные компоненты, которые импортируются правильно.

Кто-нибудь знает, что проблема здесь?

Answer 1

эс шаблон находится в той же папке, что и остальная часть компонентов, которые импортируются правильно

Fix

templateUrl будет на самом деле URL-адрес, где файл может располагаться как только файл будет загружен браузером. Скорее всего, вы получаете 404 в браузере. См. Запрос, сделанный там, и массируйте его так, чтобы вы ожидали, что файл будет.

Лучше Fix

Используйте свой загрузчик, чтобы загрузить файл .html, как text содержание и передать в template и не заморачиваться с templateUrl