（angular2-highcharts）错误中的错误遇到静态解析符号值

Question

我正在尝试以多种方式使用该插件，但是当我引用“ChartModule.forRoot (require ('highcharts'))”时，它会引发此异常

错误中的错误遇到静态解析符号值。
对本地（非导出）符号“require”的引用。考虑导出符号
（在原始 .ts 文件中的位置 23:13），解析符号 AppModule 在
'.../src/app/app.module.ts'

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

Obs 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;
}

Answer 1

我能够通过以下方式解决此问题：

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

Answer 2

试试这个

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;
 }