2016-12-02 52 views
2

我想在我的項目中使用bulma。但是,我得到一個錯誤:Laravel長生不老藥

{ Error: resources/assets/sass/app.scss 
Error: File to import not found or unreadable: bulma 
     Parent style sheet: /Users/Janssen/Code/forumv2/resources/assets/sass/app.scss 
     on line 1 of resources/assets/sass/app.scss 
>> @import "bulma" 
^

    at options.error (/Users/Janssen/Code/forumv2/node_modules/node-sass/lib/index.js:283:26) 
    status: 1, 
    file: '/Users/Janssen/Code/forumv2/resources/assets/sass/app.scss', 
    line: 1, 
    column: 1, 
    message: 'resources/assets/sass/app.scss\nError: File to import not found or unreadable: bulma\n  Parent style sheet: /Users/Janssen/Code/forumv2/resources/assets/sass/app.scss\n  on line 1 of resources/assets/sass/app.scss\n>> @import "bulma"\n ^\n', 
    formatted: 'Error: File to import not found or unreadable: bulma\n  Parent style sheet: /Users/Janssen/Code/forumv2/resources/assets/sass/app.scss\n  on line 1 of resources/assets/sass/app.scss\n>> @import "bulma"\n ^\n', 
    messageFormatted: '\u001b[4mresources/assets/sass/app.scss\u001b[24m\nError: File to import not found or unreadable: bulma\n  Parent style sheet: /Users/Janssen/Code/forumv2/resources/assets/sass/app.scss\n  on line 1 of resources/assets/sass/app.scss\n>> @import "bulma"\n ^\n', 
    messageOriginal: 'File to import not found or unreadable: bulma\nParent style sheet: /Users/Janssen/Code/forumv2/resources/assets/sass/app.scss', 
    relativePath: 'resources/assets/sass/app.scss', 
    name: 'Error', 
    stack: 'Error: resources/assets/sass/app.scss\nError: File to import not found or unreadable: bulma\n  Parent style sheet: /Users/Janssen/Code/forumv2/resources/assets/sass/app.scss\n  on line 1 of resources/assets/sass/app.scss\n>> @import "bulma"\n ^\n\n at options.error (/Users/Janssen/Code/forumv2/node_modules/node-sass/lib/index.js:283:26)', 
    showStack: false, 
    showProperties: true, 
    plugin: 'gulp-sass' } 
MacBook-Pro-van-Jamie:forumv2 Janssen$ 

這是我Gulp文件看起來像:

const elixir = require('laravel-elixir'); 
require('laravel-elixir-vue-2'); 

/* 
|-------------------------------------------------------------------------- 
| Elixir Asset Management 
|-------------------------------------------------------------------------- 
| 
| Elixir provides a clean, fluent API for defining some basic Gulp tasks 
| for your Laravel application. By default, we are compiling the Sass 
| file for our application, as well as publishing vendor resources. 
| 
*/ 

elixir(mix => { 
    mix.webpack('app.js') 
     .styles([ 
      './node_modules/normalize-css/normalize.css', 
      './node_modules/nprogress/nprogress.css', 
      './node_modules/sweetalert/dist/sweetalert.css', 
      './node_modules/bulma/css/bulma.css' 
      ]) 
     .sass('app.scss'); 
}); 

當我嘗試導入它在我app.scss這樣的:

@import "bulma" 

我收到上面的錯誤。什麼可能是錯的?

回答

4

bulma.scss文件需要存在於resources/assets/sass目錄導入,如果你是從NPM包進口則這樣定義

@import 'node_modules/pathtobulma.scss/bulma';

0

嘗試的完整路徑,包括他們在你主SASS文件,而在吞噬文件。我認爲這會做到這一點。

0

嘗試將const elixir = require('laravel-elixir');更改爲var elixir = require('laravel-elixir');這對我有幫助。