ERROR in Error during template compile of 'AppModule' Function calls are not supported in decorators but 'ChartModule' was called.

[yash27]

I installed angular2-highcharts on my Angular Project, implemented that. Its working but in ng serve mode. But when I executed the command ng build --prod. I got the error :
Error during template compile of 'AppModule'
Function calls are not supported in decorators but 'ChartModule' was called.
Its working fine when i executed ng build.

Here is my app.module.ts

import { BrowserModule } from '@angular/platform-browser';
import { platformBrowserDynamic }  from '@angular/platform-browser-dynamic';
import { NgModule } from '@angular/core';
import { ChartModule } from 'angular2-highcharts';
import { AppComponent } from './app.component';
import { HttpModule } from '@angular/http';

declare var require : any;

@NgModule({
  declarations: [
    AppComponent
  ],
  imports: [
    BrowserModule,HttpModule,
    ChartModule.forRoot(require('highcharts/highstock'),require('highcharts/modules/drilldown')),
  ],
  providers: [],
  bootstrap: [AppComponent]
})
export class AppModule { }
platformBrowserDynamic().bootstrapModule(AppModule);

[GerkinDev]

Same issue here...

[AzeemMalik51]

Any solution?

[mynameiseswar]

Any updates on this issue?

[k1ng440]

same issue here. someone please fix it

[AbdulRayhman]

For me this works:

`//File: app.module.ts
import { ChartModule } from 'angular2-highcharts';
import { HighchartsStatic } from 'angular2-highcharts/dist/HighchartsService';

export function highchartsFactory() {
const hc = require('highcharts/highstock');
const dd = require('highcharts/modules/exporting');
dd(hc);
return hc;
}

//Section: Imports
imports:[ChartModule],

//Section: Providers
providers:[
{
provide: HighchartsStatic,
useFactory: highchartsFactory
}
]`