Почему появилась ошибка при npm install?

Question

[Fredd Monty]

Всем привет.

На одном компе работает сборщик, все ок (gulp, pug, sass). На мак.
Скопировал файлы на второй мак (без папки node_modules), запускаю npn install, что бы загрузить.
Выдает ошибку. Сделал npm audit fix - большую часть решило. Но не все.
Остальное просит вручную, обновил, но ошибка не пропадает.
Проект не запускается.
На компах macOS Sierra 10.12.6.
Почему появилась ошибка при npm install? И как её решить?
Спасибо за любую помощь!

Comments

[RidgeA]

на картинке нету никакой ошибки установки

[Довольный Айтишникъ]

Не вижу ошибки, вижу просто отчет аудита об уязвимостях модулей и о том, в каких версиях это исправлено. В чем вопрос то?

[Fredd Monty]

RidgeA, уязвимости?
Почему не запускается? И как от них избавится?

[Fredd Monty]

Довольный Жизнью, Почему не запускается? И как от них избавится?

[Довольный Айтишникъ]

Fredd Monty, На скрине вообще не видно как вы это запускаете. Как избавиться? Обновить на новую версию)))

[Fredd Monty]

похоже packege-lock.json блокирует запуск?

[Fredd Monty]

Довольный Жизнью, что и как обновить, перетыкал уже все что мог. В сети ничего не нашел.

[Довольный Айтишникъ]

Fredd Monty, напишите какой командой вы пытаетесь запустить ваш проект

[Fredd Monty]

Довольный Жизнью, проблема в том что не запускается сборщик из-за этой штуки.

[Довольный Айтишникъ]

Fredd Monty, из-за этого не может что либо не запускаться, npm с некоторых пор проверяет все пакеты на уязвимости и предупреждает Вас о найденных, ищет это все простейший бот на эвристиках, по различным паттернам и
работать они никак не мешают, Вас просто предупредили, что в установленных пакетах имеются потенциально небезопасные фрагменты кода. Видимо Вы не так сборку запускаете и без информации о том, как вы собираете никто ничем не поможет

[Fredd Monty]

Довольный Жизнью,
запускаю командой: gulp

[Fredd Monty]

Довольный Жизнью,
Но на первом компе работает. :(

[Fredd Monty]

Довольный Жизнью,
запускаю gulp, пишет команда не найдена.

[Довольный Айтишникъ]

Fredd Monty, воот, добрались до ошибки))) установите gulp локально, примерно так npm i -g gulp-cli либо посмотрите ответы из этого вопроса: Ошибка при запуске gulp html:build?

[Fredd Monty]

Довольный Жизнью,
теперь при запуску ошибка

[Довольный Айтишникъ]

Fredd Monty, похоже что на первой машине у вас версия Gulp старее чем на этой и теперь что-то в коде ему не нравится, формат записи поменялся или еще что-то подобное. Проверьте совпадает ли вывод команд на обоих машинах

node -v
npm -v
gulp -v

и если не совпадает то где то придется либо обновиться и переписать немного кода, либо откатиться на более старую версию.

[Fredd Monty]

Довольный Жизнью,
спасибо!
Попытался откатится, запускается, и при старте вырубает.
Правильно будет обновится и переписать код.
Вот еще нашел:
https://www.liquidlight.co.uk/blog/article/how-do-...

[Fredd Monty]

Довольный Жизнью,
Подскажите еще момент,
обновил, переписал.
Запускается, но не завершает. И не следит за изменениями.
должно быть при запуске:


а завершения нет:


вот код который я переписал для gulp 4:

// gulp
var gulp = require('gulp');
// clean files - clean compiled files before new compilation
var clean = require('gulp-clean');
// show alerts in corner of screen
var notify = require('gulp-notify');
// run a series of gulp tasks in order
var runSequence = require('run-sequence');
// server (localhost) and livereload
var browserSync = require('browser-sync');
var reload = browserSync.reload;
// pug (jade) compilation - html-preprocessor
var pug = require('gulp-pug');
// process only changed or new files
// var changed = require('gulp-changed');
// var newer = require('gulp-newer');
// cache files and their contents - process only different (changed) files
var cached = require('gulp-cached');
var filter = require('gulp-filter');
var pugInheritance = require('gulp-pug-inheritance');
// prettify html output
var prettify = require('gulp-html-prettify');
// sass/scss compilation
var sass = require('gulp-sass');
// sass/scss sourcemaps
var sourcemaps = require('gulp-sourcemaps');
// sass/scss global import - you can import all files in directory without writing names - @import "some-folder/**/*"
var sassGlob = require('gulp-sass-glob');
// images optimization - jpg, png, svg
var image = require('gulp-image');
// Paths
var paths = {
	dist: {
		html: './', // same directory
		js: 'js',
		css: 'css',
		img: 'img',
		server: './' // same directory
	},
	src: {
		pug: ['pug/**/*.pug', '!pug/abstracts/bemto/**/*.*'],
		pugDir: 'pug',
		js: 'js/**/*.js',
		sass: 'sass/main.sass',
		// sass: ['sass/main.sass', 'sass/bootstrap/bootstrap.scss', 'sass/fontello/fontello.scss', 'sass/font-awesome/font-awesome.scss', 'sass/owl-carousel/owl.carousel.scss'],
		img: ['img/**/*']
	},
	watch: {
		pug: 'pug/**/*.pug',
		js: 'js/**/*.js',
		sass: 'sass/**/*',
		img: 'img/**/*',
	},
	clean: {
		css: 'css',
		html: '*.html',
		templates: 'templates'
	}
};
// pug compilation
gulp.task('pug', function() {
	return gulp.src(paths.src.pug)
		// // only changed files
		// .pipe(changed(paths.dist.html, {
		// 	extension: '.html'
		// }))
		// do not process 
		.pipe(cached('pug')).pipe(pugInheritance({
			basedir: paths.src.pugDir,
			extension: '.pug',
			skip: 'node_modules'
		})).pipe(filter(function(file) {
			return !/\/_/.test(file.path) && !/^_/.test(file.relative);
		})).pipe(pug()).on('error', notify.onError(function(error) {
			return error.message;
		})).pipe(prettify({
			indent_size: 1, // 1 tab
			indent_char: '	' // tab instead spaces
		})).pipe(gulp.dest(paths.dist.html)).pipe(reload({
			stream: true
		}));
})
// sass compilation
gulp.task('sass', function() {
	return gulp.src(paths.src.sass).pipe(sassGlob()).pipe(sourcemaps.init()).pipe(sass({
		errLogToConsole: true,
		outputStyle: 'expanded'
	})).on('error', notify.onError(function(error) {
		return error.message;
	})).pipe(sourcemaps.write()).pipe(gulp.dest(paths.dist.css)).pipe(reload({
		stream: true
	}));
});
// sass compilation production - without soursemaps, minified
gulp.task('sass-production', function() {
	return gulp.src(paths.src.sass).pipe(sassGlob()).pipe(sass({
		errLogToConsole: true,
		outputStyle: 'compressed'
	})).on('error', notify.onError(function(error) {
		return error.message;
	})).pipe(gulp.dest(paths.dist.css)).pipe(reload({
		stream: true
	}));
});
// images optimization
gulp.task('img', function() {
	return gulp.src(paths.src.img)
		// take only changed images
		.pipe(cached(paths.src.img)).pipe(image()).pipe(gulp.dest(paths.dist.img));
});
// clean
gulp.task('clean', function() {
	return gulp.src(
		[
			paths.clean.css,
			paths.clean.html,
			paths.clean.templates
		], {
			read: false
		}).pipe(clean());
});
// server (browserSync) settings
var settings = {
	server: {
		baseDir: paths.dist.server
	},
	host: 'localhost',
	// port: 9000,
	notify: false // don't show message "Connected to BrowserSync"
};

// browserSync server (localhost)
gulp.task('server', function() {
	browserSync(settings);
});

// watch common files changes for default and production tasks - and re-compile, reload
gulp.task('watch-common', gulp.series('server', function() {
	// watch pug
	gulp.watch(paths.watch.pug, function(event, cb) {
		gulp.start('pug');
	}, reload);
	// watch js
	gulp.watch(paths.watch.js).on('change', reload);
	// watch img
	gulp.watch(paths.watch.img).on('change', reload);
}));

// watch files changes and re-compile, reload
gulp.task('watch', gulp.series('server', 'watch-common', function() {
	// watch sass
	gulp.watch(paths.watch.sass, function(event, cb) {
		gulp.start('sass');
	});
}));


// watch files changes and re-compile, reload
gulp.task('watch-production', gulp.series('server', 'watch-common', function() {
	// watch sass and do sass-production
	gulp.watch(paths.watch.sass, function(event, cb) {
		gulp.start('sass-production');
	});
}));

// default task
gulp.task('default', gulp.series('pug', 'sass', 'watch', function() {}));

// production
gulp.task('prod', function(cb) {
	// run functions in order - first clean (delete) files, then others
	runSequence('clean', ['img', 'pug', 'sass-production'], 'watch-production', cb);
});