Angular 4 프로젝트에서 PrimeNG를 구현하려고 시도했습니다.

Question

저는 Angular 4 프로젝트에서 PrimeNG 라이브러리를 구현하려고합니다. 내 dependecies에 PrimeNG를 볼 수 있으며 내 nodemodules 폴더에하지만 단순한를했을 때 :

Unhandled Promise rejection: Template parse errors: 
'p-column' is not a known element: 
1. If 'p-column' is an Angular component, then verify that it is part of this module. 
2. If 'p-column' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message. (" 

     <p-dataTable > 
     [ERROR ->]<p-column ></p-column> 
     <p-column ></p-column> 
     <p-column ></p-column> 
     "): ng:///AppModule/TableaudebordComponent.html@5:4 

여기 내 app.module입니다 :

 <p-dataTable > 
      <p-column ></p-column> 
      <p-column ></p-column> 
      <p-column ></p-column> 
      <p-column ></p-column> 
     </p-dataTable> 

여기 내 콘솔의 브라우저에 오류가 있습니다. ts :

import { TableaudebordComponent } from './tableaudebord.component'; 
import { RouterModule, Routes } from '@angular/router' 
import { ToggleComponent } from './toggle.component'; 
import { HttpModule } from '@angular/http'; 
import { routeConfig } from './router-config'; 
import { AppComponent } from './app.component'; 
import { UserService } from './user.service'; // <-- #1 import service 

@NgModule({ 
imports:  [ BrowserModule, HttpModule,  RouterModule.forRoot(routeConfig) 
], 
declarations: [ AppComponent, DashboardComponent,   PageNotFoundComponent, NavbarComponent,PetitPaveInfraComponent, PaveInfraComponent, PetitPaveAppliComponent, DashboardnextComponent, Dashboardnext2Component, Dashboardnext3Component, PetitPaveProblemComponent, PaveProblemComponent, ToggleComponent, TableaudebordComponent ], 
providers: [ UserService ], 
bootstrap: [ AppComponent ] 
}) 
export class AppModule { } 

Answer 1

사용하려는 PrimeNG compenent에 필요한 모듈을 가져와야합니다. 이 경우 당신은 primeng에서 같은 모듈을 수입 한 후 app.module.ts에 imports 배열에 DataTableModule & SharedModule를 추가 할 :

import {DataTableModule,SharedModule} from 'primeng/primeng';

imports: [..., DataTableModule, SharedModule]