将 MaterializeCSS 与 Aurelia 一起使用答案

【问题标题】：Using MaterializeCSS with Aurelia将 MaterializeCSS 与 Aurelia 一起使用
【发布时间】：2016-08-09 06:31:05
【问题描述】：

我正在关注这里的教程http://aurelia.io/hub.html#/doc/article/aurelia/framework/latest/contact-manager-tutorial/4

我按照说明添加了引导程序，一切都按计划进行

我必须将一个配置添加到 aurelia.json 文件的供应商部分

"dependencies": [
  ...
  "jquery",
  {
    "name": "bootstrap",
    "path": "../node_modules/bootstrap/dist",
    "main": "js/bootstrap.min",
    "deps": ["jquery"],
    "exports": "$",
    "resources": [
      "css/bootstrap.css"
    ]
  },
  ...
]

但我喜欢 materialize-css，我想我可以通过 npm 安装 materialize-css，然后将配置的引导位更改为此

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

当我在 app.html 中使用它时

<require from="materialize-css/css/materialize.css"></require>

应用因Unhandled rejection Error: Failed loading required CSS file: materialize-css/css/materialize.css 而崩溃

我不知道为什么会这样。对我来说，我似乎对 CSS 框架的类似交换做了点赞

【问题讨论】：

你能确认它已安装，而不仅仅是 404ing 吗？
是的，materialize-css 在 node_modules 目录下。
Materialize 在 dist 或 bin 文件夹中有它的 css。任何一个都应该工作。

标签： aurelia materialize

【解决方案1】：

没有错。检查说明http://aurelia-ui-toolkits.github.io/demo-materialize/#/installation以防错过步骤

【讨论】：