如何更改浏览器同步端口

Question

我的应用程序在端口 8000 上运行。我已将 borowserSync 端口从 browser-sync/default-config.js 更改为 8000。它看起来像这样

// Change the default project
ui: {
    port: 8000
},

ui: {
    port: 8000,
    weinre: {
        port: 8000
    }
},

但是当我运行 gulp watch 命令时，它会在端口 8001 上旋转服务器。 运行 gulp watch 命令后，我的终端看起来像这样

[23:40:54] Starting 'browserSync'...
[23:40:54] Finished 'browserSync' after 23 ms
[23:40:54] Starting 'sass'...
[BS] Access URLs:
------------------------------------
Local: http://localhost:8001
External: http://192.168.1.6:8001
------------------------------------
UI: http://localhost:8002
UI External: http://192.168.1.6:8002

有谁知道在 browserSync 中更改端口。

Answer 1

这种移位 1 通常发生在端口上运行其他东西时。您是否有另一个实例已经占用了 8000 端口？

我注意到您在配置文件中提到了两次端口 8000，并且您有两个相同的 ui 节点

例如，我的 gulp 配置如下所示

browserSync.instance = browserSync.init({
  startPath: '/',
  ui: {
    port: 3001
  },
  server: server, //server variable set elsewhere
  port: 3000,
  browser: browser, //set elsewhere
});

所以你的配置应该看起来更像

{
  port: 8000,//Or whatever port you want for your application
  ui: {
    port: 8001 //Or whatever port you want for browsersync ui
  }
}