Gulp - Show JavaScript and SASS errors on - gulp

Question

I'm having a go at setting up my own gulp file. My gulp file is:
Turning SCSS -> CSS.
Minifying JS.
And watching my files.
Finally, when I run my gulp command in terminal, (which runs all the tasks above), I want to also see any errors on watch, in my JS and SCSS file.
Let's say I'm typing JavaScript and I've made an error, I'd like to see that flagged up in my terminal.
I've tried installed jshint and jscs. And I'm not getting any node errors when I run gulp. But if I deliberately type incorrect JS, in my js file, I don't see any errors flagged up in terminal.
Here's my gulpfile.js below.
What am I doing wrong? (I have looked at many stackoverflows, but there seem to be many approaches).
var gulp = require('gulp');
var cssnano = require('gulp-cssnano');
const sass = require('gulp-sass')(require('sass'));
var concat = require('gulp-concat');
var uglify = require('gulp-uglify');
var jshint = require('gulp-jshint');
var jscs = require('gulp-jscs');
const sourcemaps = require('gulp-sourcemaps');
const browserSync = require('browser-sync').create();
// gulp sass
gulp.task('sass', function(){
return gulp.src('GULP-TEST/SCSS/style.scss')
.pipe(sass())
.pipe(cssnano())
.pipe(sourcemaps.init())
.pipe(gulp.dest('dist/css'));
});
// gulp js
gulp.task('js', function(){
return gulp.src(['GULP-TEST/js/*.js'])
.pipe(concat('all.js'))
.pipe(sourcemaps.init())
.pipe(sourcemaps.write())
.pipe(uglify())
.pipe(gulp.dest('dist'));
});
// gulp detecterror
gulp.task('detecterror', function(){
return gulp.src(['GULP-TEST/js/*.js'])
.pipe(jshint())
.pipe(jscs())
.pipe(jshint.reporter('jshint-stylish',{
verbose:true
}));
});
// gulp watch
gulp.task('watch', function() {
gulp.watch('GULP-TEST/SCSS/style.scss', gulp.series('sass')).on('change', browserSync.reload);
gulp.watch('GULP-TEST/js/*.js', gulp.series('js')).on('change', browserSync.reload);
});
// gulp
gulp.task("default", gulp.series('sass', 'js', 'watch', 'detecterror'));
Here's also my package.json as an FYI:
{
"name": "RV",
"version": "1.0.0",
"description": "Test",
"main": "index.js",
"scripts": {
"test": "test"
},
"repository": {
"type": "git",
"url": "http://code.xx.xx.xx/xx/xx.git"
},
"author": "RV",
"license": "ISC",
"devDependencies": {
"#babel/core": "^7.17.5",
"#babel/preset-env": "^7.16.11",
"browser-sync": "^2.27.7",
"gulp": "^4.0.2",
"gulp-jscs": "^4.1.0",
"gulp-jshint": "^2.1.0",
"gulp-sass": "^5.1.0",
"gulp-sourcemaps": "^3.0.0",
"gulp-uglify": "^3.0.2",
"jshint": "^2.13.4",
"jshint-stylish": "^2.2.1",
"sass": "^1.49.9"
},
"dependencies": {
"gulp-babel": "^8.0.0",
"gulp-cli": "^2.3.0",
"gulp-concat": "^2.6.1",
"gulp-cssnano": "^2.1.3"
}
}