Build was successful, but after the installation and update of Angular 15, it started throwing multiple error.
For example:
Error: src/app/shared/components/content/reports/sales/partywise-order/partywise-order.component.html:155:82 - error NG8002: Can't bind to 'rowData' since it isn't a known property of 'ag-grid-angular'.
- If 'ag-grid-angular' is an Angular component and it has 'rowData' input, then verify that it is part of this module.
- If 'ag-grid-angular' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message.
- To allow any property add 'NO_ERRORS_SCHEMA' to the '@NgModule.schemas' of this component. <ag-grid-angular id="party-sizewise-report-grid" class="ag-theme-balham" [rowData]="rowData"
package.json:
"@angular/animations": "^15.2.10",
"@angular/cdk": "^15.2.9",
"@angular/cli": "^15.2.11",
"@angular/common": "^15.2.10",
"@angular/compiler": "^15.2.10",
"@angular/core": "^15.2.10",
"@angular/forms": "^15.2.10",
"@angular/platform-browser": "^15.2.10",
"@angular/platform-browser-dynamic": "^15.2.10",
"@angular/router": "^15.2.10",
"@fortawesome/fontawesome-free": "^5.15.4",
"ag-grid-angular": "^31.0.0",
"ag-grid-community": "^31.0.0",
I have imported the module in my reports module where component is declare
@NgModule({
declarations: [
PartywiseOrderComponent,
ProductwiseOrderComponent,
PartywisePendingReadyOrderComponent,
StockSizewiseComponent,
PackagingSlipsReportComponent,
LabelStickerTemplatesComponent
],
imports: [
CommonModule,
FormsModule,
ReactiveFormsModule,
AgGridModule,
ReportsRoutingModule
],
exports: [
LabelStickerTemplatesComponent
]
})
export class ReportsModule {
constructor() {
}
}
Similarly throwing other errors for other modules too like
ReactiveFormModule - error NG8002: Can't bind to 'formGroup' since it isn't a known property of 'form'