2016-04-07 2 views
0

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

Я сделал:

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

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

+0

Пути, начинающиеся с '/', являются абсолютными путями относительно корня. В вашем случае это будет корневая папка вашего компьютера, которая (предположительно) не имеет каталога node_modules. Удаление ведущей косой черты на пути делает ее относительной. Затем вам нужно будет установить правильный относительный путь в зависимости от структуры вашего каталога. Например, если вы сообщите нам, где вы разместили app.scss и папку node_modules, тогда кто-то может помочь с относительным путем. –

+0

@benswinburne. Я использую Laravel, который помещает его в recources/sass/app.scss – Jamie

+0

Если я правильно помню gulp работает в в том же каталоге, где ваш файл gulpfile.js, так что вы должны просто удалить переднюю косую черту (/) с начала пути, и она будет работать '@import 'node_modules/bootstrap-material-design/scss/bootstrap -материал-дизайн ";' –

ответ

0

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