(angular2-highcharts)ERROR in Error遇到静态解析符号值

时间:2017-05-18 21:38:25

标签: javascript angular typescript highcharts

我试图以多种方式使用插件,但是当我引用“ChartModule.forRoot(require('highcharts'))时,”它会抛出此异常

ERROR in Error encountered resolving symbol values statically. 
Reference to a local (non-exported) symbol 'require'. Consider exporting the symbol
(position 23:13 in the original .ts file), resolving symbol AppModule in
'.../src/app/app.module.ts'

Obs:我的projetc基于SmartAdmin:https://wrapbootstrap.com/theme/smartadmin-responsive-webapp-WB0573SK0

观点2:我已经测试了

// Highcharts

import { ChartModule } from 'angular2-highcharts'; 
import { HighchartsStatic } from 'angular2-highcharts/dist/HighchartsService';

declare var require: any;

export function highchartsFactory() {
  const highcharts = require('highcharts');
  const highChartsMore = require('highcharts/highcharts-more');
  const solidGauge = require('highcharts/modules/solid-gauge');
  ChartModule.forRoot(require('highcharts'),
    require('highcharts/highcharts-more'),
    require('highcharts/modules/solid-gauge'));
  return highcharts;
}

2 个答案:

答案 0 :(得分:0)

我能用以下方法解决这个问题:

  1. 更新打字稿版本
  2. 更新angular-cli版本
  3. 重新安装angular2-highcharts
  4. 应用Teclanat修复程序https://github.com/gevgeny/angular2-highcharts/issues/176#issuecomment-293973847

答案 1 :(得分:0)

试试这个



import { ChartModule } from 'angular2-highcharts';
import { HighchartsStatic } from 'angular2-highcharts/dist/HighchartsService';

export declare let require: any;

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

      return hc;
 }