我试图以多种方式使用插件,但是当我引用“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;
}
答案 0 :(得分:0)
我能用以下方法解决这个问题:
答案 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;
}