[GH #1292] 'HotTableModule' does not appear to be an NgModule class

Tags: #<Tag:0x00007efc6d3d5520> #<Tag:0x00007efc6d3d52f0>

i am using angular 16 but i am unable to import HotTableModule in the app.module.ts file i am getting this error

This likely means that the library (@handsontable/angular) which declares HotTableModule is not compatible with Angular Ivy. Check if a newer version of the library is available, and update if so. Also consider checking with the library’s authors to see if the library is expected to be compatible with Ivy.

here my dependences
{

“name”: “forcast-summary-webapp”,

“version”: “0.0.0”,

“scripts”: {

"ng": "ng",

"start": "ng serve",

"build": "ng build",

"watch": "ng build --watch --configuration development",

"test": "ng test"

},

“private”: true,

“dependencies”: {

"@angular/animations": "^16.0.0",

"@angular/common": "^16.0.0",

"@angular/compiler": "^16.0.0",

"@angular/core": "^16.0.0",

"@angular/forms": "^16.0.0",

"@angular/platform-browser": "^16.0.0",

"@angular/platform-browser-dynamic": "^16.0.0",

"@angular/router": "^16.0.0",

"@handsontable/angular": "^12.3.3",

"handsontable": "^12.3.3",

"rxjs": "~7.8.0",

"tslib": "^2.3.0",

"zone.js": "~0.13.0"

},

“devDependencies”: {

"@angular-devkit/build-angular": "^16.0.1",

"@angular/cli": "~16.0.1",

"@angular/compiler-cli": "^16.0.0",

"@types/jasmine": "~4.3.0",

"jasmine-core": "~4.6.0",

"karma": "~6.4.0",

"karma-chrome-launcher": "~3.2.0",

"karma-coverage": "~2.2.0",

"karma-jasmine": "~5.1.0",

"karma-jasmine-html-reporter": "~2.0.0",

"typescript": "~5.0.2"

}

}

and this my app.module.ts code
import { NgModule } from ‘@angular/core’;

import { BrowserModule } from ‘@angular/platform-browser’;

import { AppRoutingModule } from ‘./app-routing.module’;

import { AppComponent } from ‘./app.component’;

import { ExcelComponent } from ‘./excel/excel.component’;

import { HotTableModule } from ‘@handsontable/angular’;

import { registerAllModules } from ‘handsontable/registry’;

// register Handsontable’s modules

registerAllModules();

@NgModule({

declarations: [

AppComponent,

ExcelComponent

],

imports: [

BrowserModule,

AppRoutingModule,

HotTableModule

],

providers: [],

bootstrap: [AppComponent]

})

export class AppModule { }

Hi @santhusakalabathula

Thank you for contacting us. We are aware of the issue with Angular 16 and we will release a fix with Handsontable 12.5. I’ll update you once it is released.

Hi @santhusakalabathula

We have just released Handsontable 13.0 with the fix for Angular 16. Let me know if everything works fine after the update.