找到名称

时间:2016-10-12 11:57:05

标签: angular typescript

我目前正在创建一个角度2项目,但我无法通过我在控制台中获得的这两个错误

[默认]中的错误/Users/~/src/app/app.module.ts:35:4 找不到名称' SelectItem'。

[默认]中的错误/Users/~/src/app/app.module.ts:36:4 找不到姓名'消息'。

我已将两个导入添加到我的应用中。

import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';
import { FormsModule } from '@angular/forms';
import { HttpModule } from '@angular/http';

import { AppComponent } from './app.component';

import {SelectItem, Message, Header} from 'primeng/primeng';

@NgModule({
 declarations: [
  AppComponent,
 ],
 imports: [
  BrowserModule,
  FormsModule,
  HttpModule,
  SelectItem,
  Message,
  Header
 ],
 providers: [],
 bootstrap: [AppComponent]
})
export class AppModule { }

2 个答案:

答案 0 :(得分:1)

我认为您导入的类不是模块。所以他们不应该在你@NgModule的进口部分。如果我检查您正在使用PrimeNG的库,它们似乎是根本不需要导入的接口。

您需要做的是从库中导入要使用的所有模块。这将使您能够使用应用程序中这些模块的组件。

答案 1 :(得分:1)

http://www.primefaces.org/primeng/#/setup

根据这一点,您要导入app.module.ts中的特定模块,而不是导入组件。

试试这个:

import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';
import { FormsModule } from '@angular/forms';
import { HttpModule } from '@angular/http';

import { AppComponent } from './app.component';

import {SelectButtonModule} from 'primeng/primeng';

@NgModule({
 declarations: [
  AppComponent,
 ],
 imports: [
  BrowserModule,
  FormsModule,
  HttpModule,
  SelectButtonModule,
 ],
 providers: [],
 bootstrap: [AppComponent]
})
export class AppModule { }

接下来,您应该能够在组件/模板中使用SelectButton。