Запускаю Gulp, и я получаю эту ошибку: Файл для импорта не найден или не читается: util/util

Итак, я новичок в использовании gulp, и у меня возникла проблема с правильной компиляцией моего основания 6.

Я продолжаю получать эту ошибку:

Файл для импорта не найден или не читается: util/util

Я думаю, что это может быть какая-то проблема с путем, но я не могу понять это.

Это мой gulpfile.js

// Include gulp
var gulp = require('gulp');

// Include Our Plugins
var jshint = require('gulp-jshint');
var sass = require('gulp-sass');
var concat = require('gulp-concat');
var uglify = require('gulp-uglify');
var rename = require('gulp-rename');

// Lint Task
gulp.task('lint', function() {
    return gulp.src('js/*.js')
        .pipe(jshint())
        .pipe(jshint.reporter('default'));
});

// Compile Our Sass
gulp.task('sass', function() {
    return gulp.src('assets/scss/*.scss')
        .pipe(sass())
        .pipe(gulp.dest('assets/css'));
});

// Concatenate & Minify JS
gulp.task('scripts', function() {
    return gulp.src('js/*.js')
        .pipe(concat('all.js'))
        .pipe(gulp.dest('assets/js'))
        .pipe(rename('all.min.js'))
        .pipe(uglify())
        .pipe(gulp.dest('assets/js'));
});

// Watch Files For Changes
gulp.task('watch', function() {
    gulp.watch('assets/js/*.js', ['lint', 'scripts']);
    gulp.watch('assets/scss/*.scss', ['sass']);
});

// Default Task
gulp.task('default', ['lint', 'sass', 'scripts', 'watch']);

Основной файл SCSS.

@charset 'utf-8';

@import 'settings';
@import 'foundation';
@import 'motion-ui';

@include foundation-global-styles;
@include foundation-grid;
// @include foundation-flex-grid;
@include foundation-typography;
@include foundation-button;
@include foundation-forms;
// @include foundation-range-input;
@include foundation-accordion;
@include foundation-accordion-menu;
@include foundation-badge;
@include foundation-breadcrumbs;
@include foundation-button-group;
@include foundation-callout;
@include foundation-close-button;
@include foundation-menu;
@include foundation-menu-icon;
@include foundation-drilldown-menu;
@include foundation-dropdown;
@include foundation-dropdown-menu;
@include foundation-flex-video;
@include foundation-label;
@include foundation-media-object;
@include foundation-off-canvas;
@include foundation-orbit;
@include foundation-pagination;
@include foundation-progress-bar;
// @include foundation-progress-element;
// @include foundation-meter-element;
@include foundation-slider;
@include foundation-sticky;
@include foundation-reveal;
@include foundation-switch;
@include foundation-table;
@include foundation-tabs;
@include foundation-thumbnail;
@include foundation-title-bar;
@include foundation-tooltip;
@include foundation-top-bar;
@include foundation-visibility-classes;
@include foundation-float-classes;
// @include foundation-flex-classes;

@include motion-ui-transitions;
@include motion-ui-animations;

// NOUVEAU mixins, including image-url() fix
@import "nv-mixins";

// Load NOUVEAU compatibility styles
@import "nv-wordpress";

// Color
$brand-orange: #ff9900;
$brand-hove-blue: #0066cc;
$brand-blue: #181826;
$brand-dark-blue: #1b1b25;
$brand-dark-blue2: #181826;
$brand-light-grey: rgba(206, 206, 208, 0.5);
$brand-orange-rgba: rgba(255, 153, 0, 0.5);
$brand-blue-rgba: rgba(0, 102, 204, 0.5);

@import 'parts/general';
@import 'parts/header';
@import 'pages/home';
@import 'pages/insurance';
@import 'pages/news';
@import 'pages/why-us';
@import 'pages/contact';
@import 'parts/footer';

Вот скриншот моей структуры папок.

http://puu.sh/nTIZ0/01f8065605.png

Строка, где происходит ошибка

http://puu.sh/nTJ1x/42301e8ed1.png

Ошибка консоли

http://puu.sh/nTJaL/6a7f66fc31.png


person Garrett Sanderson    schedule 25.03.2016    source источник
comment
Как выглядит родительский файл SCSS, где вы ссылаетесь на util/_util.scss?   -  person Barryman9000    schedule 26.03.2016
comment
Отредактировал основной пост с основным файлом scss.   -  person Garrett Sanderson    schedule 26.03.2016
comment
Однако в main.scss нет @import для util/util. Какой файл содержит этот импорт?   -  person Barryman9000    schedule 26.03.2016
comment
_settings.scss   -  person Garrett Sanderson    schedule 26.03.2016


Ответы (2)


Попробуйте что-то вроде этого:

var sassOptions = {
    errLogToConsole: true,
    outputStyle: 'expanded',
    includePaths: 'bower_components/foundation-sites/scss'
};
// Compile Our Sass
gulp.task('sass', function() {
    return gulp.src('assets/scss/*.scss')
        .pipe(sass(sassOptions))
        .pipe(gulp.dest('assets/css'));
});

Взгляните на шаблон Zurb — я многому научился, копируя из него кусочки.

Но я считаю, что основная проблема, с которой вы столкнулись, заключается в том, что вы не указали в своем скрипте сборки, где искать Foundation.

person jacmoe    schedule 25.03.2016
comment
Это вообще-то ваша sass задача — я не заметил, чтобы вы назвали ее по-другому. Что вам нужно сделать, так это передать includePaths в Sass через аргумент sassOptions. :) - person jacmoe; 26.03.2016
comment
Это сработало, спасибо! Теперь я получаю еще одну ошибку для Motion-UI, я полагаю, я просто добавлю еще один includePaths для этого? - person Garrett Sanderson; 26.03.2016
comment
Взгляните на github.com/jacmoe/yii2- app-basic-zurbified/blob/master/ - person jacmoe; 26.03.2016
comment
Моя версия еще не обновлена ​​до Zurb 6.2 (уже 6.1). Материал Babel требует некоторых изменений. - person jacmoe; 26.03.2016

Попробуйте использовать glob для своей задачи sass, чтобы он проверял подпапки.

gulp.task('sass', function() {
return gulp.src('assets/scss/**/*.scss') // This Line
    .pipe(sass())
    .pipe(gulp.dest('assets/css'));
});
person Barryman9000    schedule 25.03.2016
comment
Ваш родительский файл css, который импортирует util/_util.scss, находится в папке /scss? - person Barryman9000; 26.03.2016
comment
Да, это в папке scss. это называется app.scss puu.sh/nTIZ0/01f8065605.png - person Garrett Sanderson; 26.03.2016
comment
Может быть, я не понимаю, как работает Bower. Разве app.scss не нуждается в импорте, таком как ../../bower_components/foundation_sites/scss/util/_util.scss? В каталоге /wozencraft нет каталога /util - person Barryman9000; 26.03.2016
comment
Вот именно, где я тоже застрял. Я попытался переместить bower_components в каталог wozencraft, но это тоже не работает. - person Garrett Sanderson; 26.03.2016