Javascript templateUrl中角度为4且帆不工作的相对URL

在我的app.component.ts中，我必须将templateUrl定义为：

如果我简单地将其定义为./app.component.html，则在控制台中会出现以下错误：

因此，基本上这意味着app.component.html可以从中访问，因为我的sailsroot/asset文件夹结构如下：

以这种方式编写templateUrl会非常不方便，因为例如，在asset/app/sidebar文件夹中的边栏组件中，templateUrl的编写方式是：./app/sidebar/sidebar.component.html

我想在templateUrl中的相对URL被正确解析，我不知道如何做到这一点

---

如果有帮助的话，我将遵循教程。我所有的tsconfig.json、package.json等。。与此处给出的相同。

您可以尝试向装饰器添加moduleId，如下所示：

@Component({
  moduleId: module.id,
  selector: 'root-component',
  templateUrl: './app/app.component.html'
})

然而，根据angular.io change log，您应该使用相对路径，而不必使用moduleId，所以我很惊讶您的代码不能工作

所有关于moduleId的提及都被删除了。组件相对路径手册 删除日期2017-03-13

我们将一个新的SystemJS插件SystemJS-angular-loader.js添加到我们的 建议的SystemJS配置。此插件动态转换 templateUrl和StyleURL中的组件相对路径到绝对路径 给你的路

我们强烈建议您只编写组件相对路径。那个 是这些文档中讨论的唯一URL形式。你不再需要 写@Component{moduleId:module.id}，您也不应该这样做

---

来源：

您应该使用app/app.component。html@Aravind有什么原因可以解释为什么我不想这样使用它吗？你用的是systemjs还是webpack@Aravindsystemjs

@Component({
  moduleId: module.id,
  selector: 'root-component',
  templateUrl: './app/app.component.html'
})