Не видит файл с mixins_all.sass

После запуска Gulp вот такая ошибкавведите сюда описание изображения

Я не знаю как пофиксить. Уже раза 3 файл переписывал и вс без толку. вот пример что содержится в файле:

// функция для перевода в rem - пример перевода padding-top: rem(50px)
@import "functions/px-to-rem" 
                                                          
// Загружаем общие стили  и переменные для всех сайтов
@import "common/colors"   // Общие цвета для всех сайтов используя сайт http://chir.ag/projects/name-that-color/#6195ED
@import "common/vars"   // Общие переменные для всех сайтов   

/** Bootstrap **/ 
// Core variables and mixins
@import "custom"
@import "bootstrap_c/custom"
@import "variables"
@import "bootstrap_c/variables" 
@import "pages/mixins" 
          
/** Bootstrap **/
// Reset and dependencies
@import "normalize"
@import "print"

вот сам файл gulpfile.js

const gulp = require('gulp');

const autoprefixer = require('gulp-autoprefixer');
const cleanCSS = require('gulp-clean-css');
const rename = require('gulp-rename');
const concat = require('gulp-concat');
const uglify = require('gulp-uglify');
const path = require('path');
const browserSync = require('browser-sync');
const sass = require('gulp-sass')(require('sass'));

var config = {
  bootstrapDir: './node_modules/bootstrap/scss/bootstrap.scss',
  tatherDir: './node_modules/tether',
  fontAwesomeDir: './node_modules/font-awesome/scss/font-awesome.scss',
  publicDir: 'app',
};

gulp.task('browser-sync', ['styles', 'scripts'], function () {
  browserSync({
    server: {
      baseDir: config.publicDir,
      baseDir: 'app',
    },
    notify: false,
  });
});

//Scripts

gulp.task('scripts', function () {
  return gulp
    .src([
      'app/libs/jquery/jquery-3.6.0.min.js',
      'app/libs/bootstrap/js/bootstrap.min.js',
      'app/js/material.min.js',
    ])
    .pipe(concat('libs.min.js'))
    .pipe(uglify())
    .pipe(gulp.dest('app/js'));
});
//Styles

gulp.task('styles', function () {
  return gulp
    .src('src/sass/mixins_all.sass')
    .pipe(
      sass({
        includePaths: [
          config.bootstrapDir,
          require('node-bourbon').includePaths,
          config.tatherDir,
          config.fontAwesomeDir,
        ],
      }).on('error', sass.logError)
    )
    .pipe(rename({basename: 'main2', prefix: ''}))
    .pipe(
      autoprefixer({
        browsers: ['all version'],
        cascade: false,
      })
    )
    .pipe(gulp.dest(config.publicDir + '/css'));
  // .pipe(browserSync.reload({stream: true}));
});

gulp.task('default', ['browser-sync', 'watch']);
gulp.task('watch', function () {
  gulp.watch(
    ['src/sass/*.sass', 'src/sass/**/*.sass', 'src/sass/**/*.scss'],
    ['styles'],
    browserSync.reload
  );
  gulp.watch(['app/*.html'], browserSync.reload);
  gulp.watch(['app/js/**/*.js'], browserSync.reload);
  gulp.task('default', ['browser-sync', 'watch']);
});

Структура проекта

введите сюда описание изображения введите сюда описание изображения введите сюда описание изображения введите сюда описание изображения


Ответы (0 шт):