2017-04-20 62 views
0

我在我的Aurelia应用程序中使用chart.js,它工作正常。无法ES6导入ChartJS插件到Aurelia

我现在要添加的chartjs-plugin-deferred插件为好,并具有npm install后:编,并将其添加到aurelia.jsondependencies阵列我现在得到以下错误:

Uncaught TypeError: Cannot read property 'helpers' of undefined

指着第一对夫妇在插件代码行:

var Chart = window.Chart; 
var helpers = Chart.helpers; 

(请注意,我甚至都不需要使用插件(import 'chartjs-plugin-deferred';)出现错误;只要它被添加到aurelia.json我会得到错误)。

如果我抛出错误,它实际上是不确定的,如果我尝试使用该插件在我的图表,它实际上工作正常行前添加console.dir(window.Chart)

有人能解释为什么会出现此错误,如果有一些方法可以让我摆脱它?我感到不舒服的运输代码,虽然它应该如此,但它会在控制台中引发错误。

我是npm和进口等的巨大粉丝,但更多的时候是遇到这样的问题,比如这些imo是如此的麻烦,而且实际上让我错过了在零件上堆叠script元素的美好时光彼此。

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

有没有人有经验导入ChartJS ChartJS插件成功通过Aurelia?

回答

2

眼下的问题是,库不提供与模块加载器跳,并妥善先与执行承载之前完全加载的依赖ChartJS任何有意义的方式。

这将是最好的,如果库能在UMD格式兼容包的代码,以满足最常见的格式,同时,那些RequireJS,其用于奥里利亚CLI之中。

我看你已经创建了一个​​,包括图书馆创作也是如此。良好的工作,我创建了一个小公关来添加缺少的功能,这也使得该示例工作,而不会丢失缺少的帮助错误。

+0

谢谢man :) https://github.com/chartjs/chartjs-plugin-deferred/issues/2 – powerbuoy