Error while npm install

[Ryan]

Hello,

        I had some errors while migrating from angular 7.3.4 to angular 10(latest version). These errors were caused by 

@syncfusion/ej2-angular-charts             version 18.3.35

@syncfusion/ej2-angular-heatmap         version 18.3.35

@syncfusion/ej2-angular-layouts           version 18.3.40

@syncfusion/ej2-angular-maps              version 18.3.40

@syncfusion/ej2-angular-navigations    version 18.3.40

@syncfusion/ej2-angular-popups           version 18.3.35

@syncfusion/ej2-angular-treegrid          version 18.3.40

Errors were generated when I tried npm install. I am only showing errors for @syncfusion/ej2-angular-charts, for other packages they are similar

1.

node_modules/@syncfusion/ej2-angular-charts/dist/ej2-angular-charts.umd.js:82:26 - error NG1010: Decorator query metadata must be an instance of a query type

82                 queries: {

83                     children: new core.ContentChildren(TrendlineDirective)

84                 },

2.

node_modules/@syncfusion/ej2-angular-charts/dist/ej2-angular-charts.umd.js:1376:31 - error NG1010: Value at position 0 in the NgModule.declarations of ChartModule is not a reference

  Value could not be determined statically.

1376                 declarations: [

1377                     exports.ChartComponent,

1401                     IndicatorsDirective

1402                 ],

3.

node_modules/@syncfusion/ej2-angular-charts/dist/ej2-angular-charts.umd.js:1368:5 - error NG6002: Appears in the NgModule.imports of ChartAllModule, but could not be resolved to an NgModule class.

Is it missing an @NgModule annotation?

1368 var ChartModule = /** @class */ (function () {

I tried uninstalling and reinstalling these components but nothing changed. These components work properly on my local(windows) machine without any error, however generate these errors on my deploying server(ubuntu server).  I've attached a short video for reference. Thank you have a great day!

Attachment: errorVideo_f5141f0b.zip

[Srihari Muthukaruppan]

Hi Ryan, 

 

Thanks for contacting Syncfusion support. 

 

We created a angular project and rendered the chart with line Series in angular 10 with syncfusion latest version 18.3.35, and when we run the project – the chart is rendering fine with no issues. Since, we are unable to reproduce the reported scenario, we have prepared and attached the sample used for testing your requirement which you can find from the below screenshot, and sample link.  

 

Sample: https://www.syncfusion.com/downloads/support/directtrac/general/ze/Angular10Sample-1430357411.zip 

 

Code Snippet: 

Package.json: 

// add your additional code here 

{ 

  "name": "angular10-example", 

  "version": "0.0.0", 

  "scripts": { 

    "ng": "ng", 

    "start": "ng serve", 

    "build": "ng build", 

    "test": "ng test", 

    "lint": "ng lint", 

    "e2e": "ng e2e" 

  }, 

  "private": true, 

  "dependencies": { 

    "@angular/animations": "~10.0.0-next.0", 

    "@angular/common": "~10.0.0-next.0", 

    "@angular/compiler": "~10.0.0-next.0", 

    "@angular/core": "~10.0.0-next.0", 

    "@angular/forms": "~10.0.0-next.0", 

    "@angular/platform-browser": "~10.0.0-next.0", 

    "@angular/platform-browser-dynamic": "~10.0.0-next.0", 

    "@angular/router": "~10.0.0-next.0", 

    "@syncfusion/ej2-angular-charts": "^18.3.35", 

    "rxjs": "~6.5.4", 

    "tslib": "^1.10.0", 

    "zone.js": "~0.10.2" 

  }, 

  "devDependencies": { 

    "@angular-devkit/build-angular": "~0.1000.0-next.0", 

    "@angular/cli": "~10.0.0-next.0", 

    "@angular/compiler-cli": "~10.0.0-next.0", 

    "@angular/language-service": "~10.0.0-next.0", 

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

    "@types/jasminewd2": "~2.0.3", 

    "@types/node": "^12.11.1", 

    "codelyzer": "^5.1.2", 

    "i": "^0.3.6", 

    "jasmine-core": "~3.5.0", 

    "jasmine-spec-reporter": "~5.0.0", 

    "karma": "~4.4.1", 

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

    "karma-coverage-istanbul-reporter": "~2.1.0", 

    "karma-jasmine": "~3.0.1", 

    "karma-jasmine-html-reporter": "^1.4.2", 

    "protractor": "~5.4.3", 

    "ts-node": "~8.3.0", 

    "tslint": "~6.1.0", 

    "typescript": "^3.9.2" 

  } 

} 

 

// add your additional code here 

  

Screenshot: 

 

 

 

   

Kindly check our provided example link once, and if you still face this issue - kindly revert us with the following information which will be more helpful for further analysis and provide you the solution sooner.   

   

1. Try to reproduce the reported scenario in the above sample

 

2. Share the details if you have done any other customization in your sample.

  

Regards, 

Srihari M 

[Ryan]

Thanks for the answer I'll check the link. 

[Srihari Muthukaruppan]

Hi Ryan, 

 

Most welcome, please check and let us know if you need any other assistance 

 

Regards, 

Srihari M