javascript - (angular2-highcharts) 静态解析符号值时遇到错误中的错误

Question

我尝试以多种方式使用该插件，但是当我引用“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: my projetc is based in SmartAdmin: https://wrapbootstrap.com/theme/smartadmin-responsive-webapp-WB0573SK0

Obs 2: I have already tested

//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. 更新 typescript 版本
2. 更新 angular-cli 版本
3. 重新安装 angular2-highcharts
4. 通过应用 Teclanat 修复 https://github.com/gevgeny/angular2-highcharts/issues/176#issuecomment-293973847