首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
社区首页 >问答首页 >将MaterializeCSS与Aurelia结合使用

将MaterializeCSS与Aurelia结合使用
EN

Stack Overflow用户
提问于 2016-08-09 06:31:06
回答 1查看 234关注 0票数 2

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

我按照说明添加了bootstrap,一切都按计划运行

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

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
"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,然后将配置的bootstrap位更改为

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
      {
        "name": "materialize-css",
        "path": "../node_modules/materialize-css/dist",
        "main": "js/materialize",
        "deps": ["jquery"],
        "exports": "$",
        "resources": [
          "css/materialize.css"
        ]
      }

当我在app.html中使用它时

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
<require from="materialize-css/css/materialize.css"></require>

这个应用程序会因为一个Unhandled rejection Error: Failed loading required CSS file: materialize-css/css/materialize.css而崩溃

我不明白为什么会这样。对我来说,我似乎做了一个交换css框架的like

EN

回答 1

Stack Overflow用户

发布于 2016-10-07 07:28:19

这没什么问题。检查说明http://aurelia-ui-toolkits.github.io/demo-materialize/#/installation,以防遗漏一步

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/38843624

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档
查看详情【社区公告】 技术创作特训营有奖征文