无法将ES6导入ChartJS插件导入Aurelia

时间:2017-04-20 12:55:18

标签: chart.js aurelia aurelia-bundling

我在Aurelia应用程序中使用chart.js,它运行正常。

我现在也要添加chartjs-plugin-deferred插件,并在npm install之后编辑它并将其添加到aurelia.json的{​​{1}}数组中现在得到以下错误:

dependencies

指向插件代码中的前几行:

Uncaught TypeError: Cannot read property 'helpers' of undefined

(请注意,我甚至不需要使用插件(var Chart = window.Chart; var helpers = Chart.helpers; )来显示错误;只要它被添加到aurelia.json中我得到错误。)

如果我在引发错误的行之前添加import 'chartjs-plugin-deferred';,实际上不是未定义,如果我尝试在我的图表中使用该插件,它实际上工作正常。

有人可以解释为什么会出现这种错误,以及是否有某些方法可以摆脱它?我觉得运输代码感到不舒服,虽然它可以正常工作,但会在控制台中抛出错误。

我是npm和进口等的忠实粉丝,但是你经常会遇到这样的问题,这些问题让我感到非常麻烦,实际上让我想念那些只是打桩的好时光console.dir(window.Chart)元素在彼此之上。

编辑:我尝试了几个插件只是为了看看script插件是否是这里的问题,但我尝试的其他插件完全杀死了构建。

有没有人有成功将ChartJS ChartJS插件导入Aurelia的经验?

1 个答案:

答案 0 :(得分:2)

现在的问题是库没有提供任何有意义的方法来使用模块加载器并正确地首先完全加载依赖ChartJS,然后继续执行。

如果库可以将其代码以UMD兼容格式包装,以满足最常见的格式,那将是最好的,其中包括用于Aurelia CLI的RequireJS。

我看到你创建了一个Github Issue,包括图书馆作者。好的工作,我已经创建了一个小的PR来添加缺少的功能,这也使得示例工作,而不会丢失丢失的帮助程序错误。