Ag网格将不会在JHipster应用程序中渲染（角度7+；网页包4）

我已完全遵循以下指南中的说明：

My

app.module.ts

包括：

import { AgGridModule } from 'ag-grid-angular';
...
@NgModule({
    imports: [
         ...,
         AgGridModule.withComponents([])
    ]
})

在

vendor.css中

@import "~ag-grid-community/dist/styles/ag-grid.css";
@import "~ag-grid-community/dist/styles/ag-theme-balham.css";

在
home.component.ts
中：

import { Component, OnInit } from '@angular/core';
import {GridOptions} from 'ag-grid-community';

@Component({
    selector: 'jhi-home',
    templateUrl: './home.component.html',
    styleUrls: ['home.css']
})
export class HomeComponent implements OnInit {    
    private gridOptions: GridOptions;
    public rowData: any[];
    private columnDefs: any[];

    constructor(
        private accountService: AccountService,
        private loginModalService: LoginModalService,
        private eventManager: JhiEventManager
    ) {
        this.gridOptions = <GridOptions>{
            onGridReady: () => {
                this.gridOptions.api.sizeColumnsToFit();
            }
        };
        this.columnDefs = [
            {headerName: 'Make', field: 'make'},
            {headerName: 'Model', field: 'model'},
            {headerName: 'Price', field: 'price'}
        ];
        this.rowData = [
            {make: 'Toyota', model: 'Celica', price: 35000},
            {make: 'Ford', model: 'Mondeo', price: 32000},
            {make: 'Porsche', model: 'Boxter', price: 72000}
        ];
    }

    ngOnInit() {
    }
}

从'@angular/core'导入{Component，OnInit}；
从“ag网格社区”导入{GridOptions}；
@组成部分({
选择器：'jhi home'，
templateUrl:“./home.component.html”，
样式URL:['home.css']
})
导出类HomeComponent实现OnInit{
私有网格选项：网格选项；
公共数据：任何[]；
私人专栏：任何[]；
建造师(
私人会计服务：会计服务，
私有loginModalService:loginModalService，
私有事件管理器：JhiEventManager
) {
this.gridOptions={
onGridReady:（）=>{
this.gridOptions.api.sizeColumnsToFit（）；
}
};
this.columnDefs=[
{headerName:'Make'，field:'Make'}，
{headerName:'Model'，字段：'Model'}，
{headerName:'Price'，字段：'Price'}
];
this.rowData=[
{品牌：'Toyota'，型号：'Celica'，价格：35000}，
{品牌：福特，型号：蒙迪欧，价格：32000}，
{品牌：'Porsche'，型号：'Boxter'，价格：72000}
];
}
恩戈尼尼特（）{
}
}

最后，我在模板中添加了组件：

<ag-grid-angular #agGrid style="width: 500px; height: 300px;"
         [gridOptions]="gridOptions"
         [columnDefs]="columnDefs"
         [rowData]="rowData">
</ag-grid-angular>


我认为Angular 7/Webpack 4/Jhipster加载应用程序的方式与ag grid Angular之间可能存在不兼容

你有什么解决办法吗？谢谢大家!
 您应该在每个“实体”应用程序模块上导入AgGridModule，而不是在主apps.module.ts上导入