angular2-Highcharts not working in angular-cli project

Question

I have created a new project using angular-cli I followed all the steps that are suggested at the page https://www.npmjs.com/package/angular2-highcharts

npm install angular2-highcharts --save import { ChartModule } from 'angular2-highcharts'; ChartModule.forRoot(require('highcharts')

When I run the app, it says cannot find name 'require' Do I need to follow any other steps.

You can a live example with the config of angular2 with highcharts embed.plnkr.co/IuwjpPB1YQW1T7i4B8SZ — morganfree
– morganfree, Commented Apr 3, 2017 at 10:35
I'm having the same issue. Using system.config works fine (like in the example @morganfree linked to) but the second you try to aot compile with angular cli poop hits the fan and you can't execute a rollup. — cobolstinks
– cobolstinks, Commented Apr 12, 2017 at 20:09
You can try following workaround for making it work for AOT rollup build davidsekar.com/angularjs/… — David Chelliah
– David Chelliah, Commented Apr 27, 2017 at 15:44

Glorfindel · Accepted Answer · 2023-02-05 09:02:58Z

1

Try to add this dclaration on your component : declare var require: any;

I had the same problem. I didn't have much time to resolve the problem. So i used ng2-highchart (an alternative for angular2-highcharts).

-You will find the github project for more informations.

Glorfindel

22.8k13 gold badges97 silver badges124 bronze badges

answered Jul 6, 2017 at 8:19

Omar Bait

113 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

This worked somewhat but not working for angular 8