Question

问题：我正在尝试使用Aurelia CLI获得materialize.css。但我得到的是整个materialize.js作为控制台中的错误输出我认为也是锤子的一部分。

我做了什么 Aurelia cli用aurelia.json中的后续行编译得很好：

"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的实现一样简单，但我想我错了。

Answer 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文件。这是迄今为止我得到的最佳解决方案。

欢迎任何更好的解决方案。

/编辑

似乎这样也没有正常工作。只要您尝试调用materialize函数，就会出现错误错误。

Answer 2

对于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>

使用materialize.css（0.97.7）和Aurelia CLI（当前版本）时出错

2 个答案: