Angular2不适用于templateUrl

Question

当我将代码嵌入ActiveSupport::TimeZone['America/Chicago'].parse('2016-12-25 12:00') 标记时，代码工作正常并显示内容。

如果我将内容移至template，则控制台会显示未找到的特定页面。

home.component.ts

templateUrl

tsconfig.js

import {Component} from "@angular/core";

@Component({
    selector: 'home',
    templateUrl: 'home.component.html'
})

export class HomeComponent{

}

我怎么能克服这个问题？

Answer 1

我通过在@Component指令上添加module.id来解决这个问题，因为我已将模块配置为commonjs，因此commonjs模块需要@Component指令上的moduleId属性。

为什么我们需要commonjs模块

要使用相对于组件文件的URL，您的项目必须是commonjs模块（在tsconfig中设置“module”：“commonjs”），并且必须在组件装饰器中包含module.id：[1]

import {Component} from "@angular/core";

@Component({
   moduleId: module.id,
   selector: 'home',
   templateUrl: 'home.component.html'
})

export class HomeComponent{

}