2016-12-05 48 views
2

我试图执行一个简单的模板注入到一个页面,但我收到在运行时出现以下错误中铬的控制台窗口:角2模板选择不知道

zone.js:388 Unhandled Promise rejection: Template parse errors: 'recruiter-detail' is not a known element:

  1. If 'recruiter-detail' is an Angular component, then verify that it is part of this module.
  2. If 'recruiter-detail' is a Web Component then add "CUSTOM_ELEMENTS_SCHEMA" to the '@NgModule.schemas' of this component to suppress this message. ("[ERROR ->]"): [email protected]:0 ; Zone: ; Task: Promise.then ; Value: Error: Template parse errors:(…) Error: Template parse errors: 'recruiter-detail' is not a known element:
  3. If 'recruiter-detail' is an Angular component, then verify that it is part of this module.

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此驻留在子文件夹中称为招募者

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驻留。应用程序拥有招聘人员的子文件夹。

+1

向我们展示您的应用程序模块,您可能已经忘记了在您的应用程序模块中声明RecruiterDetailsComponent – Milad

回答

1

If 'recruiter-detail' is an Angular component, then verify that it is part of this module

你有没有在声明段在module.ts

添加您的招聘细节部分同样的错误说promise拒绝。

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

尝试增加您的组件声明中module.ts 如果没有你是如何处理的承诺工作 外观也看模板的错误或错别字

+0

否我没有。我声明它是在app.component.ts中导入的,所以我认为不需要。我现在将添加它,看看会发生什么 – bilpor

+0

这已经消除了上述错误。我现在收到以下内容:'http:// localhost:57703/recruiter/recruiter-details.component.html 404(Not Found)' – bilpor

+0

你给你的招聘人员 - details.component .html错误的路径 –

1

尝试通过改变模板URL像

templateUrl: '应用程序/招募者/招募者-details.component.html'

代替

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

+0

耶这种解决第二个问题。谢谢。我本可以发誓我已经试过了, – bilpor

+0

将此标记为答案可能对某人有用。 –