Angular 2模板选择器未知

Question

我正在尝试将简单的模板注入到页面中，但是我在Chrome的控制台窗口中收到以下错误：

ZONE.JS：388未经手的承诺拒绝：模板解析错误： "招聘者详细信息"不是已知的元素：

1. 如果"招募者 - 详细信息"是一个角度组件，则验证它是此模块的一部分。
2. 如果"招聘者 - 详细信息"是Web组件 抑制此消息。（"[错误 ->]"）：appComponent@0：0; Zone ：; task.then; value; value：error：template parse parse错误：（…） 错误：模板解析错误："招募者 - 详细信息"不是已知的 元素：
3. 如果"招募者 - 详细信息"是一个角度组件，则验证它是此模块的一部分。

app.component.ts

import { Component } from '@angular/core';
import { RecruiterDetailsComponent } from "./recruiter/recruiter-details.component";
@Component({
    selector: 'pm-app',
    template: `<recruiter-detail></recruiter-detail>`
})
export class AppComponent {
    pageTitle: string = 'Agent details';

招募者 - details.component.ts 它位于一个名为Recruiter

的子文件夹中

import { Component } from '@angular/core';
@Component({
    selector: 'recruiter-detail',
    templateUrl: './app/recruiter/recruiter-details.component.html'
})
export class RecruiterDetailsComponent {
}

我正在使用VS2015。在我的wwwroot文件夹下，我有一个应用程序文件夹，其中main.ts，app.component.ts和app.module.ts居住。App具有招聘人员的子文件夹。

Answer 1

如果"招募者 - 详细信息"是一个角度组件，则验证它是此模块的一部分

您是否在模块中的声明部分中添加了招聘机构。

此错误也说明了承诺拒绝。

再次查看您的代码，模板中可能有错误。

尝试将组件添加到模块中的声明中如果它不起作用查看您如何处理承诺，还查看模板中的错误或错字

Answer 2

尝试通过更改模板URL例如

TemplateUrl：'app/招聘/招募者details.component.html'

而不是

templateurl：'./app/recruiter/recruiter-details.component.html'