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" 

yes templa te與其他正確導入的組件位於同一文件夾中。

有人知道這裏的問題嗎？

Answer 1

ES模板是在同一文件夾中的部件的其餘部分，其得到正確導入

修復

的templateUrl實際上是該文件可以位於URL一旦文件被加載由瀏覽器。您最有可能在瀏覽器中獲得404。查看在那裏做出的請求，並按照它來預期文件的位置。

最好修補

使用您的裝載機到.html文件加載爲text內容並傳遞到template，並且不與templateUrl