ag grid angular 9 проблема модели .. не распознается в модели приложения

Question

Я использую angular 9. Я создал новый проект .. Я попытался импортировать пакет Ag-grid .. но по какой-то причине он не распознает ag-grid ..

i установил его правильно - потому что я вижу это при импорте модели ...

мой код:

/*Modules*/

import { NgModule } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
import { BrowserAnimationsModule } from '@angular/platform-browser/animations';

import { SharedModule } from './common/shared.module';
import { RepositoryModule } from './repository/repository.module';
import { AgGridModule } from 'ag-grid-angular';

/* components*/
import { AppComponent } from './app.component';
import { LoginComponent } from './login/login.component';
import { PageNotFoundComponent } from './page-not-found/page-not-found.component';

@NgModule({
  declarations: [
    AppComponent,
    LoginComponent,
    PageNotFoundComponent,
  ],
  imports: [
    BrowserAnimationsModule,
    BrowserModule,
    /*imported Modules */
    SharedModule,
    AgGridModule.forRoot([]),
    RepositoryModule,
  ],
  providers: [],
  bootstrap: [AppComponent]
})
export class AppModule { }

компонент

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

@Component({
  selector: 'app-root',
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.scss']
})
export class AppComponent {
  title = 'MpManagement';

  columnDefs = [
    { headerName: 'Make', field: 'make' },
    { headerName: 'Model', field: 'model' },
    { headerName: 'Price', field: 'price' }
  ];

  rowData = [
    { make: 'Toyota', model: 'Celica', price: 35000 },
    { make: 'Ford', model: 'Mondeo', price: 32000 },
    { make: 'Porsche', model: 'Boxter', price: 72000 }
  ];
}

html

<ag-grid-angular 
    style="width: 500px; height: 200px;" 
    class="ag-theme-alpine"
    [rowData]="rowData" 
    [columnDefs]="columnDefs">
</ag-grid-angular>

как видите, я импортировал его в свой проект, но он его не распознает

Answer 1

AgGridModule неправильно импортирован. Он должен быть импортирован как -

imports: [
AgGridModule.withComponents([])],
// other imports
]

См. Простой рабочий пример здесь