首页 文章

Angular 2模板选择器未知

提问于
浏览 次
2

我正在尝试对页面执行简单的模板注入，但是在运行时在chrome的控制台窗口中收到以下错误：

zone.js：388未处理的Promise拒绝：模板解析错误：'recruiter-detail'不是已知元素：如果'recruiter-detail'是Angular组件，则验证它是否是此模块的一部分 . 如果'recruiter-detail'是Web组件，则将“CUSTOM_ELEMENTS_SCHEMA”添加到此组件的'@NgModule.schemas'以禁止显示此消息 . （“[ERROR - >]”）：AppComponent @ 0：0;区域：;任务：Promise.then;值：错误：模板解析错误：（...）错误：模板解析错误：'recruiter-detail'不是已知元素：如果'recruiter-detail'是Angular组件，则验证它是否是此模块的一部分 .

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';

recruiter-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文件夹下，我有一个app文件夹，其中main.ts，app.component.ts和app.module.ts所在 . app有一个招聘人员的子文件夹 .

javascript angular

2 回答

  • 1

    如果'recruiter-detail'是Angular组件，则验证它是否是此模块的一部分

    您是否在module.ts的声明部分添加了招聘人员详细信息组件？

    此错误表示承诺拒绝 .

    再看一下你的代码，模板中可能存在错误 .

    尝试将您的组件添加到module.ts中的声明如果它不起作用，请查看您如何处理承诺，并查看模板中的错误或拼写错误

    回复于
  • 1

    尝试更改模板网址

    templateUrl: 'app/recruiter/recruiter-details.component.html'

    代替

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

    回复于

相关问题