BrowserSync not working when on LTE connection or no Internet Connection

[jasonwilliamsau]

Repost of this as i'm still looking for a reason why it's not working and a solution to get it working:
https://stackoverflow.com/questions/78111246/browsersync-not-working-when-on-lte-connection-or-no-internet-connection

My local dev environment (MBP) has apache running with a dynamic virtual host which allows me to have any project accessible via a consistent url structure: http://[client_name].[project_name].localhost

<Virtualhost *:80>
  VirtualDocumentRoot "/Users/mbp/repos/%1/websites/%2/public_html"
  ServerName sites.localhost
  ServerAlias *.*.localhost
  UseCanonicalName Off
  <Location /server-status>
    SetHandler server-status
    Order allow,deny
    Allow from all
  </Location>
</Virtualhost>

my package.json file includes a client and site key/value which is then imported into my gulpfile and makes these values accessible via pkg.client & pkg.site.

const { default: pkg } = await import("./package.json", {
  assert: {
    type: "json",
  },
});

My gulpfile.js inits browserSync

  browserSync.init({
    notify: false,
    proxy: pkg.client + '.' + pkg.site + '.localhost'
  });

When I run gulp, it opens a new browser window to http://localhost:3000

If i'm on a wifi connection, this works flawlessly. If i'm on a tethered LTE connection (Connected to my phone's personal hotspot) or have wifi turned off and no active internet connection, it will not load.

To further clarify, this is all being accessed from the same machine. I'm not trying to connect to a browsersync session from a separate device.

Has anyone encountered this and have a fix?

[shakyShane]

@jasonwilliamsau 👋🏻

I think it's getting stuck waiting for online status - you could force it to operate offline and see if that works? https://browsersync.io/docs/options#option-online

[jasonwilliamsau]

Hey @shakyShane - Yeah, I thought that too.
I tried it but unfortunately it had no effect.