Laravel gulp & elixir design design

Question

Я пытаюсь получить материальный дизайн http://fezvrasta.github.io/bootstrap-material-design/bootstrap-elements.html в Laravel с elixer и gulp.

Я сделал:

npm install bootstrap-material-design 

Это удалось мне увидеть карту в node_modules. Затем я добавил это к моему app.scss

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

И мой файл глоток выглядит следующим образом:

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

Когда я пытаюсь глотка в моем терминале он говорит:

[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 
^
] 

Что я делаю неправильно?

Answer 1

Является ли ваш каталог узлов-модулей одним уровнем выше вашего файла app.scss? Если это так, попробуйте удалить ведущую косую черту в вашем импортировании: @import "node_modules/bootstrap-material-design/scss/bootstrap-material-design";