基本文件结构误解

Question

所以，我有一个应用程序文件夹，其中我的组件和其基础模板都被保存。我的问题是，在组件字符串中，我指定我的模板在@Component装饰器中的位置，例如。

@Component({ 
    selector: "add-site-view", 
    templateUrl:"app/add-site.template.html" 
}) 

，为什么我需要明确指定“app/template.html”并且不能使用“./”而不是“app /”？

Answer 1

@Component URLs（templateUrl和styleUrls）的解析相对于index.html而不是.ts文件。 这就是为什么你必须指定完整路径（从index.html开始）。

你可以做的是使用官方angular-cli在https://github.com/angular/angular-cli

他们使用的WebPack和基本@Component URL是相对于.ts文件，如果这是你所需要的。