2016-08-23 14 views
3

問題: 我正在嘗試使用Aurelia CLI獲取materialize.css工作。 但我得到的是整個materialize.js作爲控制檯 和hammerjs的一部分的錯誤輸出以及我認爲。使用materialize.css(0.97.7)與Aurelia CLI(當前版本)錯誤

我做了什麼 Aurelia酒店CLI編譯罰款與在aurelia.json的follwing線:這裏

"jquery", 
{ 
    "name": "hammerjs", 
    "path": "../node_modules/hammerjs", 
    "main": "hammer", 
    "deps": ["jquery"] 
}, 
{ 
    "name": "materialize", 
    "path": "../node_modules/materialize-css/dist", 
    "main": "js/materialize", 
    "deps": ["jquery", "hammerjs"], 
    "resources": [ 
    "css/materialize.css" 
    ] 
}, 

也許我失去了一些東西。我認爲這必須像實施bootstrap一樣簡單,但我想我是該死的錯誤。

回答

1

到目前爲止已解決。 問題是dist文件夾中materialize.js的實現。 那裏的* .js文件與aurelia構建系統不兼容。

最簡單的方法是改變aurelia.json如下:

{ 
    "name": "materialize", 
    "path": "../node_modules/materialize-css", 
    "main": "js/materialize", 
    "deps": ["jquery", "hammerjs"] 
}, 

最後通過提供的CDN結合的materialize.css的CSS文件。 這是迄今爲止我得到的最佳解決方案。

歡迎任何更好的解決方案。

/編輯

看起來像這樣不正確的工作。只要嘗試調用實現化函數,就會發生錯誤。

0

對於aurelia.json我說:

{ 
    "name": "materialize", 
    "path": "../node_modules/materialize-css", 
    "main": "js/materialize", 
    "deps": ["jquery", "hammerjs"], 
    "resources": [ 
     "bin/materialize.css" 
    ] 
} 

而對於我的模板我說:

<require from="materialize/bin/materialize.css"></require> 
相關問題