安装 Angular NgSelect 模块

Question

我正在按照此 tutorial 在 Angular 应用程序中安装 Ngselect 模块，但在为应用程序提供服务时出现此错误。我用谷歌搜索，但找不到这里有什么问题。

ERROR in Unexpected value 'NgSelectModule in D:/ku-site/ku-web/node_modules/@ng-select/ng-select/lib/ng-select.module.d.ts' imported by the module 'AppModule in D:/ku-site/ku-web/ku-web/src/app/app.module.ts'. Please add a @NgModule annotation.

app.module.ts

import { BrowserModule, HAMMER_GESTURE_CONFIG } from '@angular/platform-browser';
import { APP_INITIALIZER, ErrorHandler, NgModule } from '@angular/core';
import { AppComponent } from './app.component';
import { AppRoutingModule } from './app-routing.module';
import { NgSelectModule } from '@ng-select/ng-select';
import { FormsModule } from '@angular/forms';

@NgModule({
    declarations: [AppComponent],
    imports: [
        BrowserAnimationsModule,
        NgSelectModule,
        AppRoutingModule,
        FormsModule
    ],
    exports: [],
    providers: [],
    bootstrap: [AppComponent]
})
export class AppModule {}

编辑：我在简化问题的代码时错过了行import { APP_INITIALIZER, ErrorHandler, NgModule } from '@angular/core';。

Answer 1

您没有导入 NgModule & AppComponent.

import { NgModule } from '@angular/core';
import { AppComponent } from './app.component';

Answer 2

你错过了在你的 app.module.ts 中导入 ngModule，所以它不理解 @NgModule({ 装饰. 也错过了 import { AppComponent } from './app.component';。

// app.module.ts
...
import { NgModule } from '@angular/core';
import { AppComponent } from './app.component';
...

@NgModule({
  declarations: [
    AppComponent
  ],

Answer 3

对于Angular9，您需要使用版本4.x。查看文档 here -

安装 Angular NgSelect 模块

Install Angular NgSelect module

select

typescript

angular-ngselect

angular