2017-04-20 111 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