TypeError: chartModule is not a function

Hi.

I have a problem using angular-highcharts-stockchart.

I paste example code in my code.

But it occurs an error.

in Chrome console :

TypeError: chartModule is not a function
    at eval (angular-highcharts.es5.js:245)
    at Array.forEach (<anonymous>)
    at ChartService.initModules (angular-highcharts.es5.js:244)
    at new ChartModule (angular-highcharts.es5.js:274)
    at _createClass (core.js:10915)
    at _createProviderInstance$1 (core.js:10889)
    at initNgModule (core.js:10842)
    at new NgModuleRef_ (core.js:12096)
    at createNgModuleRef (core.js:12086)
    at Object.debugCreateNgModuleRef [as createNgModuleRef] (core.js:14430)

Below that is my code snippet.

app.module.ts :

...
import {ChartModule, HIGHCHARTS_MODULES} from 'angular-highcharts';
import highstock from 'highcharts/modules/stock.src';
import exporting from 'highcharts/modules/exporting.src';

export function highchartsModules() {
  // apply Highstock Modules to this array
  return [highstock, exporting];
}
...

@NgModule({
  declarations: [
    AppComponent,
    SigninComponent,
    StrategyListComponent,
    StrategyDetailComponent,
    StrategyComponent
  ],
  imports: [
    ...
  ],
  providers: [
    ...
    {provide: HIGHCHARTS_MODULES, useFactory: highchartsModules}
  ],
  bootstrap: [AppComponent]
})
export class AppModule {
}

package.json :

...
 "@angular/cdk": "^5.0.2",
    "@angular/common": "^5.0.0",
    "@angular/compiler": "^5.0.0",
    "@angular/core": "^5.0.0",
    "@angular/forms": "^5.0.0",
    "@angular/http": "^5.0.0",
    "@angular/material": "^5.0.2",
    "@angular/platform-browser": "^5.0.0",
    "@angular/platform-browser-dynamic": "^5.0.0",
    "@angular/router": "^5.0.0",
    "angular-highcharts": "^5.2.0",
    "core-js": "^2.4.1",
    "highcharts": "^6.0.4",
...

[inyono]

@joeykruger @ubirajr The workaround (as mentioned in https://github.com/angular/angular-cli/issues/9058#issuecomment-355021360) is to force the default import for your chart module imports. So do

import * as sunburst from 'highcharts/modules/sunburst.src';

instead of

import sunburst from 'highcharts/modules/sunburst.src';

for all your chart modules.

[manhar-developer]

@attilacsanyi Tried providers: [ {provide: HIGHCHARTS_MODULES, useFactory: () => [drilldown] }], Its working 😃. Appreciate your help 👍 Thanks.