javascript - 标识符“browserSync”已被声明
问题描述
我不断收到错误“标识符'browserSync'已被声明”但我看不出问题出在哪里。这是我的代码
// Watch files
function watchFiles() {
gulp.watch("*.js", gulp.series(scriptsLint, scripts, browserSyncReload));
gulp.watch(["processHTML"], gulp.series(browserSyncReload));
}
//Task Live Reload
function browserSync(done) {
browserSync.init({
server: './dist',
port: 8080,
ui: {
port: 8081
}
})
done()
};
// BrowserSync Reload
function browserSyncReload(done) {
browserSync.reload();
done();
}
// define complex tasks
const js = gulp.series(scriptsLint, scripts);
const build = gulp.parallel(processHTML,js);
const watch = gulp.parallel(watchFiles, browserSync);
解决方案
您需要将函数重命名browserSync
为其他名称,因为这是为 BrowserSync 库保留的关键字。
像这样的东西:
// Watch files
function watchFiles() {
gulp.watch("*.js", gulp.series(scriptsLint, scripts, reload));
gulp.watch(["processHTML"], gulp.series(reload));
}
//Task Live Reload
function localServer(done) {
browserSync.init({
server: './dist',
port: 8080,
ui: {
port: 8081
}
})
done()
};
// BrowserSync Reload
function reload(done) {
browserSync.reload();
done();
}
// define complex tasks
const js = gulp.series(scriptsLint, scripts);
const build = gulp.parallel(processHTML,js);
const watch = gulp.parallel(watchFiles, localServer);
推荐阅读
- json - @JsonView 不适用于继承
- javascript - 通过 CSS 模块生成的类名以一种奇怪的方式生成
- reactjs - 在使用 CRA 创建的 MERN 应用程序上添加服务器端渲染的最佳方法是什么?
- ionic-framework - 无法在 ionic/vue 中使用 Swiper
- c - 为什么链接会影响同一部分中的相对跳转是否需要重定位?
- mongodb - Spring Data MongoDB:结合对象的两个字段进行条件查询
- laravel-8 - Laravel中的错误未定义类常量'index'
- javascript - 如何使用 videojs-contrib-dash 在 videoJs 上更改和显示文本轨道?
- java - 如果 kafka 流应用程序不转发事件会发生什么?
- typescript - Typeorm 改变传递给 create 方法的值,避免这种情况的最佳方法是什么?