使用Webpack + Typescript加载AmCharts

Question

我有一些严重的问题让任何图表库与webpack + typescript一起使用.我现在正在与AmCharts合作,并且已经不得不在定义文件上工作以获得typescript编译器识别的模块语法.

我的webpack配置设置如下:

"resolve": {
        extensions: ['', '.webpack.js', '.web.js', '.ts', '.js'],
        "alias": {
            "config": path.join(__dirname, "../app"),
            "amcharts": "amcharts3/amcharts/amcharts.js"
        }
    },

在打字稿中: import AmCharts from "amcharts";

现在,这一切都按预期编译,但是当我做一个时, console.log(AmCharts)我留下了一个空对象.

有没有人有任何经验可以让AmCharts + webpack很好地发挥,或者是一个符合以下标准的体面的替代图表库:

1. 体面的Typescript定义支持
2. 可通过JSON配置
3. 与ES6/Webpack/CommonJS很好地配合使用

提前致谢!

Answer 1

我遇到了同样的问题 import AmCharts from 'amcharts3'

打印到控制台时出现空对象,出现以下错误:

Uncaught TypeError: _amcharts2.default.makeChart is not a function

ASNWER:

我能够通过使用窗口变量来引用amcharts来纠正我的问题 window.AmCharts.makeChart('chartdiv', options)

希望您可以使用相同的方法.