@suprascapularis69

Почему не получается запустить проект Gulp на другом компьютере?

Здравствуйте! Хочу запустить рабочий проект Gulp на другом компьютере, установил глобально gulp-cli, локально gulp, выполнил npm install, но при вызове команды gulp вылетает следующая ошибка.

error

ReferenceError: parallel is not defined
at Object. (C:\js\project\gulpfile.js:77:25)
at Module._compile (node:internal/modules/cjs/loader:1105:14)
at Object.Module._extensions..js (node:internal/modules/cjs/loader:1159:10)
at Module.load (node:internal/modules/cjs/loader:981:32)
at Function.Module._load (node:internal/modules/cjs/loader:822:12)
at Module.require (node:internal/modules/cjs/loader:1005:19)
at require (node:internal/modules/cjs/helpers:102:18)
at requireOrImport (C:\Users\ida_manager\AppData\Roaming\npm\node_modules\gulp-cli\lib\shared\require-or-import.js:19:11)
at execute (C:\Users\ida_manager\AppData\Roaming\npm\node_modules\gulp-cli\lib\versioned\^4.0.0\index.js:37:3)
at Liftoff.handleArguments (C:\Users\ida_manager\AppData\Roaming\npm\node_modules\gulp-cli\index.js:211:24)


версии gulp следующие:
CLI version: 2.3.0
Local version: 4.0.2

package.json

{
  "name": "project",
  "version": "1.0.0",
  "description": "my project",
  "main": "index.js",
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1"
  },
  "author": "",
  "license": "ISC",
  "devDependencies": {
    "browser-sync": "^2.27.9",
    "del": "^6.0.0",
    "gulp": "^4.0.2",
    "gulp-cache": "^1.1.3",
    "gulp-cli": "^2.3.0",
    "gulp-imagemin": "^7.1.0",
    "gulp-sass": "^5.1.0",
    "gulp-uglify": "^3.0.2",
    "gulp-useref": "^5.0.0",
    "gulp-watch": "^5.0.1",
    "run-sequence": "^2.2.1",
    "sass": "^1.50.0"
  },
  "dependencies": {
    "gulp-cssnano": "^2.1.3"
  }
}



gulpfile.js

var gulp = require('gulp');
var sass = require('gulp-sass')(require('sass'));
var watch = require('gulp-watch');
var browserSync = require('browser-sync').create();
var useref = require('gulp-useref');
var uglify = require('gulp-uglify');
var gulpIf = require('gulp-if');
var cssnano = require('gulp-cssnano');
var imagemin = require('gulp-imagemin');
var cache = require('gulp-cache');
var del = require('del');


gulp.task('sass', function(){
    return gulp.src('app/scss/**/*.scss')
    .pipe(sass({outputStyle: 'expanded'}))
    .pipe(gulp.dest('app/css'))
    .pipe(browserSync.reload({stream: true}))
  });
   
gulp.task('html', function(){
    return gulp.src('app/*.html')
    .pipe(browserSync.reload({stream: true}))
  });

gulp.task('js', function(){
    return gulp.src('app/js/**/*.js')
    .pipe(browserSync.reload({stream: true}))
  });
   
gulp.task('browser-sync', function(){
    browserSync.init({
      server: {
        baseDir: 'app'
      }
    });
  });
   
gulp.task('watch', function(){
    gulp.watch('app/scss/**/*.scss', gulp.parallel('sass'));
    gulp.watch('app/*.html', gulp.parallel('html'));
    gulp.watch('app/js/**/*.js', gulp.parallel('js'));
  });
   

gulp.task('useref', function(){
  return gulp.src('app/*.html')
    .pipe(useref())
    .pipe(gulpIf('*.js', uglify()))
    .pipe(gulpIf('*.css', cssnano()))
    .pipe(gulp.dest('dist'))
});

gulp.task('images', function(){
  return gulp.src('app/images/**/*.+(png|jpg|jpeg|gif|svg)')
    .pipe(cache(imagemin({interlaced: true})))
    .pipe(gulp.dest('dist/images'))
});

gulp.task('fonts', function() {
  return gulp.src('app/fonts/**/*')
    .pipe(gulp.dest('dist/fonts'))
})

gulp.task('clean', function() {
  return del.sync('dist').then(function(cb) {
    return cache.clearAll(cb);
  });
})

gulp.task('clean:dist', function() {
  return del(['./dist/**', '!./dist/images/**']);
});


gulp.task('default', gulp.parallel(['sass', 'browser-sync', 'watch']));
gulp.task('build', gulp.series('clean:dist', parallel('sass', 'useref', 'images', 'fonts')));

  • Вопрос задан
  • 95 просмотров
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы