（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' 

觀測值：我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; 
} 

Answer 1

我能夠解決這個問題：

1. 更新打字稿版本
2. 更新角度-CLI版本
3. 通過施加Teclanat固定https://github.com/gevgeny/angular2-highcharts/issues/176#issuecomment-293973847重新安裝angular2-highcharts

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