Module not found: Error: Can't resolve 'highcharts'

[AbdurRehman91]

Hi,I am using angular 4 and trying to use high charts in angular4 and highchart verison is 0.5.5.
But i am facing this issue

Module not found: Error: Can't resolve 'highcharts' Module not found: Error: Can't resolve 'highcharts/modules/exporting'
My app.modules.ts file contains the following
`import {ChartModule} from 'angular2-highcharts';
import {HighchartsStatic} from 'angular2-highcharts/dist/HighchartsService';

declare var require: any;
export function highchartsFactory()
{
const hc = require('highcharts');
const dd = require('highcharts/modules/exporting');
dd(hc);
return hc;
//return highcharts;
}

@NgModule({

 imports:[
 ChartModule,
//ChartModule.forRoot(require('highcharts')),
],
providers: [
{
    provide: HighchartsStatic,
    useFactory: highchartsFactory
}

],

}

P.S:I have tried all the solutions(related to this issue) being discussed in this repo,but still the issue is not resloved.

thanks

[abhiyg]

Below code worked for me:
app.module.ts
import { ChartModule } from 'angular2-highcharts';
import { HighchartsStatic } from 'angular2-highcharts/dist/HighchartsService';
declare var require: any;
export function highchartsFactory() {
return require('highcharts');
}

@NgModule({
declarations: [
AppComponent
],
imports: [
BrowserModule,ChartModule],
providers: [
{
provide: HighchartsStatic,
useFactory: highchartsFactory
}
],
bootstrap: [AppComponent]
})
export class AppModule { }

Add the below on top of your Polyfills.ts to:
import 'zone.js';
import 'reflect-metadata';

[rijine]

@AbdurRehman91 https://github.com/rijine/ngx-highcharts