角2相对templateUrl不工作

Question

创建我的第一个角2应用程序，我试图设置我的模板在一个html文件使用templateUrl。

目前，我将component.ts和view.html放在src/ view.html下的同一个文件夹中，我正在使用以下内容：

@Component({
  selector: 'relative-path',
  templateUrl: 'view.html'
})

一旦运行应用程序，控制台就会说：

zone.js:1274GET http://localhost:3000/personalData.html 404 (未找到)

知道我做错什么了吗？

Answer 1

解决了！

@Component({
  selector: 'relative-path',
  template: require('view.html')
})

Answer 2

设置moduleId，如下所示：

@Component({
  moduleId: module.id,
  selector: 'relative-path',
  templateUrl: 'some.component.html',
  styleUrls:  ['some.component.css']
})

有关文档，请参见构件-相对路径

Answer 3

您确定要将相同的名称与html文件名放在一起吗？

例:文件名是"myView.html“

在templateUrl中：'myView.html‘