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 } ]`