• Jobs
  • About Us
  • professionals
    • Home
    • Jobs
    • Courses and challenges
  • business
    • Home
    • Post vacancy
    • Our process
    • Pricing
    • Assessments
    • Payroll
    • Blog
    • Sales
    • Salary Calculator

0

276
Views
Angular 2 - AOT - Función de llamada 'ChartModule', llamadas de función no admitidas

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.

about 3 years ago · Santiago Trujillo
1 answers
Answer question

0

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 { }
about 3 years ago · Santiago Trujillo Report
Answer question
Find remote jobs

Discover the new way to find a job!

Top jobs
Top job categories
Business
Post vacancy Pricing Our process Sales
Legal
Terms and conditions Privacy policy
© 2025 PeakU Inc. All Rights Reserved.

Andres GPT

Recommend me some offers
I have an error