Estoy perdiendo la cabeza y el pelo por esto. Estoy importando HighCharts en Angular 2 pero necesito algunas de sus bibliotecas adicionales. Hasta ahora en mi código tengo
import {ChartModule} from 'angular2-highcharts'; @NgModule({ .... imports:[ ChartModule.forRoot(require('highcharts'), require('highcharts/modules/drilldown'))}) ]
Pero sigo recibiendo este error.
ERROR en Se encontró un error al resolver los valores de los símbolos de forma estática. Función de llamada 'ChartModule'. las llamadas a funciones no son compatibles. Considere reemplazar la función o lambda con una referencia a una función exportada.
así que lo intenté
export function highchartsRequire:any { return{ require('highcharts'), require('highcharts/modules/drilldown') } } ... ChartModule.forRoot(highchartsRequire())
Todavía no funciona. ¿Algunas ideas?
Usando angular 2 angular cli: 1.0.0-beta.30
ACTUALIZACIÓN: funcionó parcialmente gracias a JayChase
Esto funciona
export function highchartsFactory() { return require('highcharts'); }
Pero no puedo requerir dos a la vez
declare var require: any; export function highchartsFactory() { return function () { require('highcharts'); require('highcharts/modules/drilldown') }; } @NgModule({ imports: [ ChartModule ], providers: [ { provide: HighchartsStatic, useFactory: highchartsFactory } ],
¿Algunas ideas? Gracias.
Hay un problema abierto para esto y una solución aquí usando una función exportada.
import { BrowserModule } from '@angular/platform-browser'; import { NgModule } from '@angular/core'; import { FormsModule } from '@angular/forms'; import { HttpModule } from '@angular/http'; import { ChartModule } from 'angular2-highcharts'; import { HighchartsStatic } from 'angular2-highcharts/dist/HighchartsService'; import { AppComponent } from './app.component'; declare var require: any; export function highchartsFactory() { const hc = require('highcharts'); const dd = require('highcharts/modules/drilldown'); dd(hc); return hc; } @NgModule({ declarations: [ AppComponent ], imports: [ BrowserModule, FormsModule, HttpModule, ChartModule ], providers: [ { provide: HighchartsStatic, useFactory: highchartsFactory } ], bootstrap: [AppComponent] }) export class AppModule { }