angularng-apexcharts

Unable to use ng-apexchart in angular 16 due to dependency conflict


I'm going to step by step update angular from v15 to v19. When I update angular from v15 to v16, I got bellow ng-apexchart error:

    Error: node_modules/ng-apexcharts/lib/chart/chart.component.d.ts:33:56 - error TS2694: Namespace '"E:/Sugnay/organictechmedia/node_modules/@angular/core/index"' has no exported member 'InputSignal'.

33     readonly autoUpdateSeries: import("@angular/core").InputSignal<boolean>;                                                          ~~~~~~~~~~~

    Error: node_modules/ng-apexcharts/lib/chart/chart.component.d.ts:34:50 - error TS2694: Namespace '"E:/Sugnay/organictechmedia/node_modules/@angular/core/index"' has no exported member 'OutputEmitterRef'.

34     readonly chartReady: import("@angular/core").OutputEmitterRef<{

Current Apexchart version: "ng-apexcharts": "^1.15.0",

Can anyone suggest the ng-apexchart version which is compatible till angular v19.


Solution

  • Error is resolved for angular v16:

    I have installed ng-apexcharts v1.8.0 and it's working fine.

    npm i ng-apexcharts@1.8.0