gulp启动时报错TypeError: scss is not a function问题求助

问题根源 #

报错信息TypeError: scss is not a function指向变量名不匹配：你在依赖导入部分将gulp-sass处理实例赋值给了名为sass的变量，但在css处理函数中调用编译方法时使用了未定义的scss变量，导致调用失败。

修复方案 #

1. 修正css函数中的编译方法调用名，和导入的变量名保持一致：
   将css函数内的对应代码段

.pipe(
   scss({
      outputStyle: "expanded"
   })
)

修改为

.pipe(
   sass({
      outputStyle: "expanded"
   })
)

2. 提前规避后续潜在问题：你当前autoprefixer的配置属性名存在拼写错误，会导致浏览器前缀不生效，可同步修正：
   将autoprefixer调用部分的代码

autoprefixer({
   overrideBrowserlist: ["last 5 versions"],
   cascade: true
})

修改为

autoprefixer({
   overrideBrowserslist: ["last 5 versions"],
   cascade: true
})

修改完成后重新执行gulp命令即可正常启动构建服务。

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