Failed to compile in Angular 11 application

Posted by: dominik.piber on 16 March 2022, 5:35 pm EST

    • Post Options:
    • Link

    Posted 16 March 2022, 5:35 pm EST

    Hello,

    I have a problem with compiling DataViewJS in my Angular 11 application.

    1. I created new application using angular cli v 11.2.18:
    ng new test-app
    
    1. I added dependency to dataViewJS:
    npm install @grapecity/dataviews.angular
    
    1. I modified app.module.ts:
    import { NgModule } from '@angular/core';
    import { BrowserModule } from '@angular/platform-browser';
    [b]import { DataViewModule } from '@grapecity/dataviews.angular';
    [/b]
    import { AppRoutingModule } from './app-routing.module';
    import { AppComponent } from './app.component';
    
    @NgModule({
      declarations: [
        AppComponent
      ],
      imports: [
       [b] DataViewModule,[/b]
        BrowserModule,
        AppRoutingModule
      ],
      providers: [],
      bootstrap: [AppComponent]
    })
    export class AppModule { }
    
    1. I tried to compile the application:
    ng build
    
    1. Compilation fails with error:
    Symbol DataViewModule declared in D:/_Instalki/Angular/test-app/node_modules/@grapecity/dataviews.angular/dist/index.d.ts is not exported from @grapecity/dataviews.angular (import into D:/_Instalki/Angular/test-app/src/app/app.module.ts)
    
  • Posted 21 March 2022, 2:19 am EST

    Hi,

    Thanks for the detailed steps. We are able to replicate the issue at our end hence we have escalated this issue to the concerned team for further investigation. We will update you regarding this as we get any information from the team. The internal ID for this issue will be JSVIEW-717.

    Regards,

    Avinash

  • Posted 28 December 2022, 1:12 pm EST

    Hi,

    Do you have any updates about this issue?

    Regards

  • Posted 3 January 2023, 12:54 am EST

    Hi,

    Sorry for delayed response. The issue has been fixed in the latest release. Please update to the latest build and let me know if you still face any issues.

    Regards,

    Avinash

  • Posted 5 December 2023, 1:02 pm EST - Updated 5 December 2023, 1:07 pm EST

    Still doesn’t work, Angular 15

  • Posted 18 March 2024, 3:59 am EST

    Hi,

    Are there any chances that you fix this problem? My company bought the license of your product and we’re planning to use your library on production systems. Currently I started development of new app and started using dataviewsJS. I managed to bypass the error - I used your old library https://www.npmjs.com/package/@grapecity/dataviews.angular10 and changed it to not limit to Angular 10. This old library after my changes works with Angular 15. However it is compiled with View Engine so I can not update to newer version of Angular (>= 16) because newer versions are not containing ngcc compiler.

    Please take this seriously

    Best regards

  • Posted 19 March 2024, 4:31 am EST

    Hi,

    I am also observing an error compiling DataViewJS application when using with Angular V16. It seems like DataViewJS is not compatible with the Angular Version >=16.

    I have escalated this to the dev team if we could provide the compatibility with Angular Version >=16. The internal tracking id for the same is: JSVIEW-724. I will let you know when there is an update on this from the dev team.

    Regards,

    Ankit

  • Posted 22 March 2024, 8:18 am EST

    Hi,

    The devs have mentioned that DataViewJS doesn’t support Angular V17 wrapper. And you could use the DataViewJS library directly like

    const dataView = new DataView(this.ganttChart.nativeElement, data, cols, layout)

    I have added the sample below. Kindly refer to the attached samples and let us know if you face any issues.

    Regards,

    Ankit

    dataviewjs-2.zip

    demo.zip

  • Posted 27 March 2024, 10:17 am EST - Updated 27 March 2024, 10:37 am EST

    Hi,

    thanks for the demos and quick response. Everything works like a charm! :slight_smile:

    Best regards

Need extra support?

Upgrade your support plan and get personal unlimited phone support with our customer engagement team

Learn More

Forum Channels