Module inattendu 'Ng2SmartTableModule' déclaré par le module 'AppModule'

Question

J'essaie d'apprendre la table intelligente ng2 à partir de ce link et j'ai eu cette erreur.

Erreur non capturée: module inattendu 'Ng2SmartTableModule' déclaré par le module 'AppModule'. Veuillez ajouter une annotation @ Pipe/@ Directive/@ Component.

Voici les app.component.ts

import { Component } from '@angular/core'; 
 

 
@Component({ 
 
    selector: 'app-root', 
 
    //templateUrl: './app.component.html', 
 
    styleUrls: ['./app.component.css'], 
 
    //template: `<ng2-smart-table [settings]="settings"></ng2-smart-table>` 
 
}) 
 
export class AppComponent { 
 
    //title = 'app'; 
 
    settings = { 
 
    columns: { 
 
     id: { 
 
     title: 'ID' 
 
     }, 
 
     name: { 
 
     title: 'Full Name' 
 
     }, 
 
     username: { 
 
     title: 'User Name' 
 
     }, 
 
     email: { 
 
     title: 'Email' 
 
     } 
 
    } 
 
    }; 
 
}

Et les app.module.ts

import { BrowserModule } from '@angular/platform-browser'; 
 
import { NgModule } from '@angular/core'; 
 
import { Ng2SmartTableModule } from 'ng2-smart-table'; 
 

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

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

Quelqu'un peut-il aider à me corriger thi s erreur?

Merci d'avance.

Answer 1

Comme il est un module, vous devez ajouter à l'intérieur imports pas sous declarations

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

@NgModule({ 
    declarations: [ 
    AppComponent 

    ], 
    imports: [ 
    BrowserModule, 
    Ng2SmartTableModule 
    ], 
    providers: [], 
    bootstrap: [AppComponent] 
}) 
export class AppModule { }