Production Build Error in ej2-syncfusion-charts in angular project

[Puneet]

Hi,

I am using ej2-syncfusion-charts in my angular 8 project.

It works fine during "ng serve" but it gives below error when I try to build for production. Can you please check and let me know ?

--------------------------------------------------------------------------------------------------------------------------------------------------

ERROR in ./src/app/dashboard/dashboard-main/dashboard-main.module.ngfactory.js 80:16301-16314
"export 'Highlight' (imported as 'i72') was not found in '@syncfusion/ej2-charts/index'
ERROR in ./src/app/dashboard/dashboard-main/dashboard-main.module.ngfactory.js 80:13716-13742

"export 'StackingStepAreaSeries' (imported as 'i72') was not found in '@syncfusion/ej2-charts/index'

---------------------------------------------------------------------------------------------------------------------------------------------------

Best Regards,

Ankit Pathak

[Srihari Muthukaruppan]

Hi Puneet, 

 

Thanks for contacting Syncfusion support. 

 

We created a angular project and rendered the chart with stackingArea as Series in production build using “ng serve --prod” command in the latest version (18.2.54), 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/StackingStepAreaProductionBuild-1457530508.zip 

 

Code Snippet: 

Package.json: 

{ 

// add your additional code here 

"dependencies": { 

   "@angular/animations": "~8.2.14", 

    "@angular/common": "~8.2.14", 

    "@angular/compiler": "~8.2.14", 

    "@angular/core": "~8.2.14", 

    "@angular/forms": "~8.2.14", 

    "@angular/platform-browser": "~8.2.14", 

    "@angular/platform-browser-dynamic": "~8.2.14", 

    "@angular/router": "~8.2.14", 

    "@syncfusion/ej2-angular-charts": "18.2.54", 

    "@syncfusion/ej2-charts": "18.2.54", 

    "rxjs": "~6.4.0", 

    "tslib": "^1.10.0", 

    "zone.js": "~0.9.1"  

}, 

"devDependencies": { 

    "@angular-devkit/build-angular": "~0.803.22", 

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

    "@angular/compiler-cli": "~8.2.14", 

    "@angular/language-service": "~8.2.14", 

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

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

    "@types/node": "~8.9.4", 

    "codelyzer": "^5.0.0", 

    "jasmine-core": "~3.4.0", 

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

    "karma": "~4.1.0", 

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

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

    "karma-jasmine": "~2.0.1", 

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

    "protractor": "~5.4.0", 

    "ts-node": "~7.0.0", 

    "tslint": "~5.15.0", 

    "typescript": "~3.5.3", 

    "webpack-bundle-analyzer": "^3.6.0"  

   } 

} 

// 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