Задать вопрос
@DmitriySin
gulp.js

Ошибка при запуске gulp html:build?

создал документ package.json
{
  "name": "habr",
  "version": "1.0.0",
  "description": "",
  "author": "",
  "license": "ISC",
  "dependencies": {
    "gulp": "^3.8.11"
  },
  "devDependencies": {
    "gulp-load-plugins": "^1.2.0",
    "gulp-rigger": "^0.5.8"
  }
}

Создал gulpfile.js
'use strict';

var gulp = require('gulp'),    
    rigger = require('gulp-rigger');
   


var path = {
    build: { //Тут мы укажем куда складывать готовые после сборки файлы
        html: 'build/',
        js: 'build/js/',
        css: 'build/css/',
        img: 'build/img/',
        fonts: 'build/fonts/'
    },
    src: { //Пути откуда брать исходники
        html: 'src/*.html', //Синтаксис src/*.html говорит gulp что мы хотим взять все файлы с расширением .html
        js: 'src/js/main.js',//В стилях и скриптах нам понадобятся только main файлы
        style: 'src/style/main.scss',
        img: 'src/img/**/*.*', //Синтаксис img/**/*.* означает - взять все файлы всех расширений из папки и из вложенных каталогов
        fonts: 'src/fonts/**/*.*'
    },
    watch: { //Тут мы укажем, за изменением каких файлов мы хотим наблюдать
        html: 'src/**/*.html',
        js: 'src/js/**/*.js',
        style: 'src/style/**/*.scss',
        img: 'src/img/**/*.*',
        fonts: 'src/fonts/**/*.*'
    },
    clean: './build'
};

gulp.task('html:build', function () {
    gulp.src(path.src.html) //Выберем файлы по нужному пути
        .pipe(rigger()) //Прогоним через rigger
        .pipe(gulp.dest(path.build.html)) //Выплюнем их в папку build
        .pipe(reload({stream: true})); //И перезагрузим наш сервер для обновлений
});

при введении в командную строку gulp html:build выдает такую ошибку

путь к папке/gulp test$ gulp html:build
Команда 'gulp' не найдена, возможно вы имели в виду:
Команда 'gslp' из пакета 'ghostscript' (main)
gulp: команда не найдена
  • Вопрос задан
  • 2968 просмотров
Комментировать
Подписаться 1 Оценить Комментировать
Пригласить эксперта
Ответы на вопрос 4
olegshilov
@olegshilov
надо либо установить галп глобально
npm i -g gulp-cli
либо запускать галп через npm scripts
{
  "scripts": {
    "build": "gulp html:build"
  }
}
Ответ написан
Комментировать
Комментировать
@DmitriySin Автор вопроса
В данный момент другая ошибка с чем может быть связано?
[01:46:12] Using gulpfile /media/dmitriy/62F235C5F2359E6B/work/git/elephantcode/Dima/gulp test/gulpfile.js
[01:46:12] Starting 'html:build'...
[01:46:12] 'html:build' errored after 5.89 ms
[01:46:12] ReferenceError: reload is not defined
    at Gulp.<anonymous> (/media/dmitriy/62F235C5F2359E6B/work/git/elephantcode/Dima/gulp test/gulpfile.js:29:15)
    at module.exports (/media/dmitriy/62F235C5F2359E6B/work/git/elephantcode/Dima/gulp test/node_modules/gulp/node_modules/orchestrator/lib/runTask.js:34:7)
    at Gulp.Orchestrator._runTask (/media/dmitriy/62F235C5F2359E6B/work/git/elephantcode/Dima/gulp test/node_modules/gulp/node_modules/orchestrator/index.js:273:3)
    at Gulp.Orchestrator._runStep (/media/dmitriy/62F235C5F2359E6B/work/git/elephantcode/Dima/gulp test/node_modules/gulp/node_modules/orchestrator/index.js:214:10)
    at Gulp.Orchestrator.start (/media/dmitriy/62F235C5F2359E6B/work/git/elephantcode/Dima/gulp test/node_modules/gulp/node_modules/orchestrator/index.js:134:8)
    at /usr/local/lib/node_modules/gulp/bin/gulp.js:129:20
    at process._tickCallback (node.js:415:13)

buffer.js:188
        throw new TypeError('First argument needs to be a number, ' +
              ^
TypeError: First argument needs to be a number, array or string.
    at new Buffer (buffer.js:188:15)
    at /media/dmitriy/62F235C5F2359E6B/work/git/elephantcode/Dima/gulp test/node_modules/gulp-rigger/index.js:20:29
    at Rigger.<anonymous> (/media/dmitriy/62F235C5F2359E6B/work/git/elephantcode/Dima/gulp test/node_modules/gulp-rigger/node_modules/rigger/index.js:719:9)
    at Rigger.EventEmitter.emit (events.js:95:17)
    at /media/dmitriy/62F235C5F2359E6B/work/git/elephantcode/Dima/gulp test/node_modules/gulp-rigger/node_modules/rigger/index.js:252:16
    at /media/dmitriy/62F235C5F2359E6B/work/git/elephantcode/Dima/gulp test/node_modules/gulp-rigger/node_modules/rigger/node_modules/async/lib/async.js:232:13
    at /media/dmitriy/62F235C5F2359E6B/work/git/elephantcode/Dima/gulp test/node_modules/gulp-rigger/node_modules/rigger/node_modules/async/lib/async.js:113:21
    at /media/dmitriy/62F235C5F2359E6B/work/git/elephantcode/Dima/gulp test/node_modules/gulp-rigger/node_modules/rigger/node_modules/async/lib/async.js:24:16
    at /media/dmitriy/62F235C5F2359E6B/work/git/elephantcode/Dima/gulp test/node_modules/gulp-rigger/node_modules/rigger/node_modules/async/lib/async.js:229:17
    at /media/dmitriy/62F235C5F2359E6B/work/git/elephantcode/Dima/gulp test/node_modules/gulp-rigger/node_modules/rigger/index.js:391:21
Ответ написан
1 комментарий
1 комментарий
lavezzi1
@lavezzi1
Ты либо не весь gulp.js выложил. Либо пропущено указание в шапке файл var = плагин для перезагрузки. Ибо он у тебя испльзуется 
.pipe(reload({stream: true})); //И перезагрузим наш сервер для обновлений


Но не подключен. Настройка плагин gulp-browsersync и обнови строчку на соответствующую
Ответ написан
1 комментарий
1 комментарий
GoodWin64
@GoodWin64
Век живи - век учись.
Абсолютно такая же проблема.
У меня Ubuntu 14.0

РЕШЕНИЕ, которое помогло мне: добавить путь к папке node_modules/.bin в системную переменную PATH:
export PATH=$PATH:.node_modules/.bin:../node_modules/.bin
Ответ написан
Комментировать
Комментировать
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы
Вакансии с Хабр Карьеры
Платформенный инженер
ИТ Плюс • Пермь
от 250 000 ₽
Senior Backend Engineer в агрегатор нейросетей (150к DAU)
NN Media
от 300 000 до 500 000 ₽
Тестировщик SberOs
Сбер • Санкт-Петербург
от 80 000 до 150 000 ₽
Ещё вакансии
Заказы с Хабр Фриланса
Ошибка в 1с при выгрузке товаров на сайт на Битриксе
25 апр. 2024, в 03:08
3000 руб./за проект
Создание и публикация короткого (reels) UGC-видео на YouTube-канале
25 апр. 2024, в 01:46
500 руб./за проект
Настроить перехват https-трафика для android-приложения
25 апр. 2024, в 01:02
10000 руб./за проект
Ещё заказы