Node.js and Gulp assistance - node.js

Question

Good day, I’m new to Gulp and Node Js, I’ve been getting this error (shown below), I’ve done some research and I’ve not found any fixes.
[Browserslist] Could not parse /Users/gendyblackman/Sites/blackmanimages/package.json. Ignoring it.
assert.js:269
throw err;
AssertionError [ERR_ASSERTION]: Task never defined: clean
at getFunction (/Users/gendyblackman/Sites/blackmanimages/node_modules/undertaker/lib/helpers/normalizeArgs.js:15:5)
at map (/Users/gendyblackman/Sites/blackmanimages/node_modules/arr-map/index.js:20:14)
at normalizeArgs (/Users/gendyblackman/Sites/blackmanimages/node_modules/undertaker/lib/helpers/normalizeArgs.js:22:10)
at Gulp.series (/Users/gendyblackman/Sites/blackmanimages/node_modules/undertaker/lib/series.js:13:14)
at Object.<anonymous> (/Users/gendyblackman/Sites/blackmanimages/gulpfile.js:115:9)
at Module._compile (internal/modules/cjs/loader.js:702:30)
at Object.Module._extensions..js (internal/modules/cjs/loader.js:713:10)
at Module.load (internal/modules/cjs/loader.js:612:32)
at tryModuleLoad (internal/modules/cjs/loader.js:551:12)
at Function.Module._load (internal/modules/cjs/loader.js:543:3)
Also, when I reinstall Gulp locally I get these errors, shown below.
npm ERR! file /Users/gendyblackman/Sites/blackmanimages/package.json
npm ERR! code EJSONPARSE
npm ERR! JSON.parse Failed to parse json
npm ERR! JSON.parse Unexpected string in JSON at position 734 while parsing '{
npm ERR! JSON.parse "name": "blackmanimages",
npm ERR! JSON.parse "version'
npm ERR! JSON.parse Failed to parse package.json data.
npm ERR! JSON.parse package.json must be actual JSON, not just JavaScript.
npm ERR! A complete log of this run can be found in:
npm ERR! /Users/gendyblackman/.npm/_logs/2018-07-05T14_56_20_043Z-debug.log
Any help would be great.
Thanks,
Also, here's my Gulpfile.js
// Compiles all SASS files
gulp.task('scss', function () {
return gulp.src('source/scss/**/*.scss')
.pipe(plumber())
.pipe(scss({
style: 'compressed',
}))
.pipe(rename({
basename: 'main',
suffix: '.min',
}))
.pipe(gulp.dest('build/assets/css'))
.pipe(browserSync.stream());
});
//Optimizing Images
gulp.task('images', function (){
return gulp.src('source/img/**/*.+(png|jpg|gif|svg)')
.pipe(cache(imagemin({
interlaced: true
})))
.pipe(gulp.dest('build/assets/img'))
});
// Uglify js files
gulp.task('scripts', function () {
gulp.src('source/js/*.js')
.pipe(plumber())
.pipe(uglify())
.pipe(gulp.dest('build/assets/js'))
.pipe(browserSync.stream());
});
//Concat and Compress Vendor .js files
gulp.task('vendors', function () {
gulp.src(
[
'source/js/vendors/jquery.min.js',
'source/js/vendors/*.js',
])
.pipe(plumber())
.pipe(concat('vendors.js'))
.pipe(uglify())
.pipe(gulp.dest('build/assets/js'));
});
// Watch for changes
gulp.task('watch', function () {
//Serve files from the root of this project
browserSync.init({
server: {
baseDir: "./build",
},
notify: false
});
gulp.watch(styleSrc, ['scss']);
gulp.watch(scriptSrc, ['scripts']);
gulp.watch(vendorSrc, ['vendors']);
gulp.watch(['build/*.html', 'build/assets/css/*.css', 'build/assets/js/*.js', 'build/assets/js/vendors/*.js' , '/build/assets/img/*' , '/build/assets/img/'])
.on(' change ', browserSync.reload);
});
//use default task to launch Browsersync and watch JS files
gulp.task('default',gulp.series('clean',gulp.parallel('scss', 'scripts', 'vendors',`images`,`fonts`, 'watch'), function (){
console.log('Building files');
}));
gulp.task('default', [ 'sass', 'scripts', 'vendors', 'watch'], function () );
gulp.task('default', function (callback) {runSequence(['sass','browserSync', 'watch'],callback)});
package.json
{
"name": "blackmanimages",
"version": "1.0.0",
"description": "",
"main": "index.js",
"scripts": {
"test": "echo \"Error: no test specified\" && exit 1"
},
"author": "",
"license": "ISC",
"devDependencies": {
"browser-sync": "^2.24.5",
"del": "^3.0.0",
"express": "^4.16.3",
"gulp": "github:gulpjs/gulp#4.0",
"gulp-autoprefixer": "^5.0.0",
"gulp-cache": "^1.0.2",
"gulp-compass": "^2.1.0",
"gulp-imagemin": "^4.1.0",
"gulp-mamp": "0.0.5",
"gulp-minify-css": "^1.2.4",
"gulp-plumber": "^1.2.0",
"gulp-rename": "^1.2.3",
"gulp-sass": "^4.0.1",
"gulp-sourcemaps": "^2.6.4",
"minimatch": "^3.0.2",
"mysql": "^2.15.0",
"run-sequence": "^2.2.1"
"gulp-concat": "^2.6.1",
"gulp-contrib-copy": "0.1.3",
"gulp-cssnano": "^2.1.3",
"gulp-scss": "^1.4.0",
"gulp-uglify": "^3.0.0",
"gulp-useref": "^3.1.5"
},
"dependencies": {}
}

Answer 1

Error:
JSON.parse package.json must be actual JSON
your package.json is right format JSON.
Check this line :
"run-sequence": "^2.2.1"
add , to end of this line.
You didn't define task clean but you call it:
gulp.task('default',gulp.series('clean',gulp.parall .....
You should remove it or create clean.
You require('gulp-cache') but you removed it from package.json.
Check enviroment variable NODE_ENV is production ?
If true, remove it. (because you don't install devDependencies if NODE_ENV is production)