0

我正在尝试使用 elixer 和 gulp 将材料设计http://fezvrasta.github.io/bootstrap-material-design/bootstrap-elements.html放入 Laravel。

我已经搞定了:

npm install bootstrap-material-design

成功了,我看到了地图node_modules。然后我把这个添加到我的app.scss

@import "/node_modules/bootstrap-material-design/scss/bootstrap-material-design";

我的 gulp 文件如下所示:

elixir(function(mix) {
    mix.sass('app.scss');
    mix.browserify('app.js');
});

当我在终端中尝试 gulp 时,它说:

[17:16:31] Finished 'default' after 743 ms
[17:16:31] gulp-notify: [Laravel Elixir] Sass Compilation Failed: resources/assets/sass/app.scss
Error: File to import not found or unreadable: /node_modules/bootstrap-material-design/scss/bootstrap-material-design
       Parent style sheet: stdin
        on line 2 of stdin
>> @import "/node_modules/bootstrap-material-design/scss/bootstrap-material-desig
   ^

{ [Error: resources/assets/sass/app.scss
Error: File to import not found or unreadable: /node_modules/bootstrap-material-design/scss/bootstrap-material-design
       Parent style sheet: stdin
        on line 2 of stdin
>> @import "/node_modules/bootstrap-material-design/scss/bootstrap-material-desig
   ^
]

我究竟做错了什么?

4

1 回答 1

0

您的 node-modules 目录是否比您的 app.scss 文件高一级?如果是这样,请尝试删除导入中的前导斜杠: @import "node_modules/bootstrap-material-design/scss/bootstrap-material-design";

于 2016-04-07T15:41:51.530 回答