Laravel 5 SASS停止编译:要导入的文件找不到或不可读:util/util 我已经在Zurb基金会(SASB)开始了一个拉拉维尔5.3项目。我将gulpfile.js配置为编译我的sass,它一直正常工作,直到今天才停止编译它几天前起作用了。 我没有触及代码或升级之间的任何东西

Laravel 5 SASS停止编译:要导入的文件找不到或不可读:util/util 我已经在Zurb基金会(SASB)开始了一个拉拉维尔5.3项目。我将gulpfile.js配置为编译我的sass,它一直正常工作,直到今天才停止编译它几天前起作用了。 我没有触及代码或升级之间的任何东西,laravel-5,sass,gulp,zurb-foundation,gulp-sass,Laravel 5,Sass,Gulp,Zurb Foundation,Gulp Sass,错误: MBP-Nicolas:v1 nicolas$ gulp [15:50:09] Using gulpfile ~/Documents/Developpement/PHP/Laravel/Project/v1/gulpfile.js [15:50:09] Starting 'default'... [15:50:09] Starting 'sass'... Fetching Sass Source Files... - resources/assets/sass/app.scss

错误:

MBP-Nicolas:v1 nicolas$ gulp
[15:50:09] Using gulpfile ~/Documents/Developpement/PHP/Laravel/Project/v1/gulpfile.js
[15:50:09] Starting 'default'...
[15:50:09] Starting 'sass'...

Fetching Sass Source Files...
   - resources/assets/sass/app.scss


Saving To...
   - public/css/app.css

[15:50:11] Finished 'default' after 1.31 s
[15:50:11] gulp-notify: [Laravel Elixir] Sass Compilation Failed: resources/assets/sass/_settings.scss
Error: File to import not found or unreadable: util/util
       Parent style sheet: /Users/nicolas/Documents/Developpement/PHP/Laravel/Project/v1/resources/assets/sass/_settings.scss
        on line 43 of resources/assets/sass/_settings.scss
>> @import 'util/util';
   ^

{ [Error: resources/assets/sass/_settings.scss
Error: File to import not found or unreadable: util/util
       Parent style sheet: /Users/nicolas/Documents/Developpement/PHP/Laravel/Project/v1/resources/assets/sass/_settings.scss
        on line 43 of resources/assets/sass/_settings.scss
>> @import 'util/util';
   ^
]
  status: 1,
  file: '/Users/nicolas/Documents/Developpement/PHP/Laravel/Project/v1/resources/assets/sass/_settings.scss',
  line: 43,
  column: 1,
  message: 'resources/assets/sass/_settings.scss\nError: File to import not found or unreadable: util/util\n       Parent style sheet: /Users/nicolas/Documents/Developpement/PHP/Laravel/Project/v1/resources/assets/sass/_settings.scss\n        on line 43 of resources/assets/sass/_settings.scss\n>> @import \'util/util\';\n   ^\n',
  formatted: 'Error: File to import not found or unreadable: util/util\n       Parent style sheet: /Users/nicolas/Documents/Developpement/PHP/Laravel/Project/v1/resources/assets/sass/_settings.scss\n        on line 43 of resources/assets/sass/_settings.scss\n>> @import \'util/util\';\n   ^\n',
  messageFormatted: '\u001b[4mresources/assets/sass/_settings.scss\u001b[24m\nError: File to import not found or unreadable: util/util\n       Parent style sheet: /Users/nicolas/Documents/Developpement/PHP/Laravel/Project/v1/resources/assets/sass/_settings.scss\n        on line 43 of resources/assets/sass/_settings.scss\n>> @import \'util/util\';\n   ^\n',
  messageOriginal: 'File to import not found or unreadable: util/util\nParent style sheet: /Users/nicolas/Documents/Developpement/PHP/Laravel/Project/v1/resources/assets/sass/_settings.scss',
  relativePath: 'resources/assets/sass/_settings.scss',
  name: 'Error',
  stack: 'Error: resources/assets/sass/_settings.scss\nError: File to import not found or unreadable: util/util\n       Parent style sheet: /Users/nicolas/Documents/Developpement/PHP/Laravel/Project/v1/resources/assets/sass/_settings.scss\n        on line 43 of resources/assets/sass/_settings.scss\n>> @import \'util/util\';\n   ^\n\n    at options.error (/Users/nicolas/Documents/Developpement/PHP/Laravel/Project/v1/node_modules/node-sass/lib/index.js:292:26)',
  showStack: false,
  showProperties: true,
  plugin: 'gulp-sass' }
[15:50:11] Finished 'sass' after 1.38 s
[15:50:11] Starting 'copy'...

Fetching Copy Source Files...
   - node_modules/font-awesome/fonts/**/*


Saving To...
   - public/fonts

[15:50:11] Finished 'copy' after 55 ms
[15:50:11] Starting 'styles'...

Fetching Styles Source Files...
   - node_modules/font-awesome/css/font-awesome.min.css
   - public/css/app.css


Saving To...
   - public/css/all.css

[15:50:11] gulp-notify: [Laravel Elixir] Stylesheets Merged!
[15:50:11] Finished 'styles' after 95 ms
[15:50:11] Starting 'scripts'...

Fetching Scripts Source Files...
   - node_modules/jquery/dist/jquery.js
   - node_modules/foundation-sites/dist/foundation.min.js
   - resources/assets/js/main.js


Saving To...
   - public/js/all.js

[15:50:12] gulp-notify: [Laravel Elixir] Scripts Merged!
[15:50:12] Finished 'scripts' after 1.3 s
我真的不知道你还需要什么,但这是我的gulpfile:

var elixir = require('laravel-elixir');

elixir(function(mix) {

    //Compilation SASS
    mix.sass('app.scss', null, null, { includePaths: ['node_modules/foundation-sites/scss'] });

    //Copy of fonts
    mix.copy('node_modules/font-awesome/fonts', 'public/fonts');

    //Compilation CSS
    mix.styles([
        '../../../node_modules/font-awesome/css/font-awesome.min.css',
        '../../../public/css/app.css'
    ]);

    //Compilation JavaScript
    var JSJquery = '../../../node_modules/jquery/dist/jquery.js';
    var JSFoundation = '../../../node_modules/foundation-sites/dist/foundation.min.js';

    mix.scripts([
        JSJquery,
        /*JSFoundation + 'foundation.core.js',
         JSFoundation + 'foundation.util.keyboard.js',
         JSFoundation + 'foundation.util.box.js',
         JSFoundation + 'foundation.util.triggers.js',
         JSFoundation + 'foundation.util.mediaQuery.js',
         JSFoundation + 'foundation.util.motion.js',
         JSFoundation + 'foundation.reveal.js',
         JSFoundation + 'foundation.offcanvas.js',*/
        JSFoundation,
        'main.js'
    ]);

});
_settings.scss的第43行是
@import'util/util'。
如果有用,请提供一些版本的工具:

  • node-v:v4.6.0
  • npm-v:2.15.9
  • sass-v:sass 3.4.15(选择性 (史蒂夫)
  • 但就像我说的,我不记得升级过任何一个


    谢谢您的帮助。

    根据您的gulp文件和sass文件,您应该将util.scss文件放在“node_modules/foundation sites/scss/util/util.scss”位置,因为您的gulp文件中包含以下内容

    mix.sass('app.scss', null, null, { includePaths: ['node_modules/foundation-sites/scss'] });
    
    在您的设置文件中

    util/util
    
    确保文件位于该位置,如果不在该位置,请相应地修改gulpfile或设置文件


    编辑:您能从gulpfile中发布您的“sass”任务吗?这可能会有所帮助?

    您好,谢谢您的回复。文件的位置正确,请参见下图:“sass任务”是什么意思?在gulpfile.js中,您应该有一个名为sass的gulp任务。像这样的<代码>gulp.task('sass',function(){…})。如果你粘贴内容,这将有助于解决问题。我在第一篇文章中粘贴的内容是我在gulpfile.js中所写的全部内容,仅此而已……我明白了,这似乎是一个针对elixir的问题,不幸的是,我没有这方面的经验。