Gulp运行sass任务后编译生成的CSS文件未出现，求错误排查方案

排查步骤&修正方案 #

• 首先确认依赖安装正确：gulp-sass v5及以上版本不再内置sass编译器，需要手动安装对应依赖，先执行npm uninstall gulp-sass sass node-sass卸载旧的冲突依赖，再执行npm install sass gulp-sass --save-dev安装匹配版本
• 修正gulpfile代码，补充编译器绑定和错误监听逻辑，参考如下：

let gulp = require ('gulp');
// 绑定已安装的sass编译器，gulp-sass v5+版本强制要求
let sass = require ('gulp-sass')(require('sass'));

gulp.task('sass', function(){
    return gulp.src('app/scss/style.scss')
        // 增加错误日志输出，方便定位scss语法错误导致的编译中断问题
        .pipe(sass().on('error', sass.logError))
        .pipe(gulp.dest('app/css'))
});

// 可选配置：添加默认任务，后续直接执行gulp命令即可触发编译
gulp.task('default', gulp.series('sass'));

• 确认项目路径完全匹配：项目根目录下存在app/scss/style.scss文件，文件名大小写完全对应
• 执行gulp sass或者gulp命令触发编译，查看终端是否有报错提示即可定位问题

内容的提问来源于stack exchange，提问作者timur_programmer_1243