Почему появляется ошибка при загрузке таска?

Question

[Mary Солнечная]

Всем привет!
Я тут наконец-то до gulp добралась. Начну сначала:
1) Поставила всякие штучки типа компиляции sass, browsersync и всякое такое
2) Дошло дело до подключения concat и uglifyjs:
установила все как положено через консольку. Усталоновилось:

3)Подключаю:

var gulp         =  require('gulp'), //  Gulp
    sass         =  require('gulp-sass'), // Sass пакет,
    browserSync  =  require('browser-sync'), // Browser Sync
    autoprefixer =  require('gulp-autoprefixer'),// автопрефиксер
    concat      = require('gulp-concat'),//  gulp-concat (для конкатенации файлов)
    uglify      = require('gulp-uglifyjs'); //  gulp-uglifyjs (для сжатия JS)

4) Создаю таск:

gulp.task('scripts', function() {
    return gulp.src([ // Беру все необходимые библиотеки
        'app/libs/jquery/dist/jquery.min.js' // Беру jQuery
    ])
        .pipe(concat('libs.min.js')) // Собираю их в кучу в новом файле libs.min.js
        .pipe(uglify()) // Сжимаю JS файл
        .pipe(gulp.dest('app/js')); // Выгружаею в папку app/js
});

5) Ввожу в консоль gulp scripts

И возникает такая проблема:

W:\!Mary\myproject>gulp scripts
module.js:471
    throw err;
    ^

Error: Cannot find module 'gulp-concat'
    at Function.Module._resolveFilename (module.js:469:15)
    at Function.Module._load (module.js:417:25)
    at Module.require (module.js:497:17)
    at require (internal/module.js:20:19)
    at Object.<anonymous> (W:\!Mary\myproject\gulpfile.js:9:19)
    at Module._compile (module.js:570:32)
    at Object.Module._extensions..js (module.js:579:10)
    at Module.load (module.js:487:32)
    at tryModuleLoad (module.js:446:12)
    at Function.Module._load (module.js:438:3)

W:\!Mary\myproject>

Причем возникает еще такая фигня: если я при подключении меняю местами concat и uglify

uglify    = require('gulp-uglifyjs'), //  gulp-uglifyjs (для сжатия JS)
    concat   = require('gulp-concat');//  gulp-concat (для конкатенации файлов)

то ошибка уже такая:

W:\!Mary\myproject>gulp scripts
module.js:471
    throw err;
    ^

Error: Cannot find module 'gulp-uglifyjs'
    at Function.Module._resolveFilename (module.js:469:15)
    at Function.Module._load (module.js:417:25)
    at Module.require (module.js:497:17)
    at require (internal/module.js:20:19)
    at Object.<anonymous> (W:\!Mary\myproject\gulpfile.js:9:19)
    at Module._compile (module.js:570:32)
    at Object.Module._extensions..js (module.js:579:10)
    at Module.load (module.js:487:32)
    at tryModuleLoad (module.js:446:12)
    at Function.Module._load (module.js:438:3)

W:\!Mary\myproject>

Подскажите, пожалуйста, в чем ошибка? Уже извелась вся, хотя вроде бы все дожно работать. Заранее спасибо!

Answer 1

[alex]

var concat = require('concat'); // не gulp-concat
var uglify = require('uglifyjs'); // не gulp-uglifyjs

Посмотрите еще раз внимательно в devDependencies

Comments

[Mary Солнечная]

я поняла. т.е. он находит
var concat = require('concat');
var uglify = require('uglifyjs');

а gulp-concat и gulp unglify нет.

[alex]

Mary Солнечная: Да. gulp-concat и gulp-uglifyjs он не находит, потому что вы их не установили) Вы установили concat и uglifyjs(см. devDependencies), соответственно и подключать вы должны их, как это сделать я написал в ответе выше.

[Mary Солнечная]

Смотрите что получилось:
Я заменила, теперь у меня будет вот это :

concat      = require('concat'),
 uglify      = require('uglifyjs');

запускаю заново таск и выскакивает вот это:

W:\!Mary\myproject>gulp scripts
[13:43:48] Using gulpfile W:\!Mary\myproject\gulpfile.js
[13:43:48] Starting 'scripts'...
[13:43:48] 'scripts' errored after 10 ms
[13:43:48] TypeError: dest.on is not a function
    at DestroyableTransform.Readable.pipe (W:\!Mary\myproject\node_modules\vinyl-fs\node_modules\readable-stream\lib\_stream_readable.js:516:8)
    at Gulp.<anonymous> (W:\!Mary\myproject\gulpfile.js:24:10)
    at module.exports (W:\!Mary\myproject\node_modules\orchestrator\lib\runTask.js:34:7)
    at Gulp.Orchestrator._runTask (W:\!Mary\myproject\node_modules\orchestrator\index.js:273:3)
    at Gulp.Orchestrator._runStep (W:\!Mary\myproject\node_modules\orchestrator\index.js:214:10)
    at Gulp.Orchestrator.start (W:\!Mary\myproject\node_modules\orchestrator\index.js:134:8)
    at C:\Users\troshina.DC\AppData\Roaming\npm\node_modules\gulp\bin\gulp.js:129:20
    at _combinedTickCallback (internal/process/next_tick.js:73:7)
    at process._tickCallback (internal/process/next_tick.js:104:9)
    at Module.runMain (module.js:606:11)
(node:9256) UnhandledPromiseRejectionWarning: Unhandled promise rejection (rejection id: 1): TypeError: files.map is not a function

т.е. он стартует, но dest ему не нравится

[Mary Солнечная]

Может быть попробовать удалить эти модули и установить их заново?

[alex]

Mary Солнечная: установите лучше другие модули. удаляйте concat и uglifyjs, устанавливайте gulp-concat и gulp-uglify

npm uninstall -D concat uglifyjs
npm i -D gulp-concat gulp-uglify

Подключать их нужно так:
var concat = require('gulp-concat');
var uglify = require('gulp-uglify');

[Mary Солнечная]

Вы просто не представляете себе как вы меня выручили, спасибо вам большое! нам, джунам,тяжко :)

Answer 2

[Константин Китманов]

uglify-js стоит, а gulp-uglifyjs — нет.

Comments

[Mary Солнечная]

я понимаю что вы имеете в виду, но не знаю как исправить

[Константин Китманов]

Mary Солнечная: ну когда пакета не хватает, его ставят:)

[Mary Солнечная]

Спасибо, проблема решена. Из-за невнимательности я установила одни модули, а подключила другие, которых нет, как вы уже успели заметить. И жду от робота, что он найдет мои модули и выполнит норм таску. Спасибо вам)