browsersync disconnected

[adrianriyadi]

Issue details

I am using Arc Browser for web development, and sometimes browser-sync doesn't reload my browser after a while (only works in the beginning). Then I checked localhost:3001 and saw a flickering infinite refresh page with the message "BrowserSync disconnected bla bla bla" (image attached). I guess that's the reason why it doesn't work after a while. In other browsers like Safari and Firefox, everything is fine.

Steps to reproduce/test case

1. run npm run watch script on terminal
2. open http://localhost:3000 on arc browser
3. check http://localhost:3001
4. "Browsersync disconnected" page show up
5. After refreshing the page many times
6. the UI page finally shows up successfully
7. if I refresh again, step 4 will happen and I need to redo step 5 to in order to achieve step 6

Please specify which version of Browsersync, node and npm you're running

• Browsersync [3.0.2]
• Node [22.5.1]
• Npm [10.8.2]

Affected platforms

• linux
• windows
• OS X
• freebsd
• solaris
• other (please specify which)

Browsersync use-case

• API
• Gulp
• Grunt
• CLI

If CLI, please paste the entire command below

browser-sync start --config bs-config.cjs

bs-config.cjs file

module.exports = {
    files: [
        "public/**/*.css",
        "public/**/*.js",
        "resources/views/**/*.blade.php",
    ],
    proxy: "http://127.0.0.1:8000", // Change this to match your development server URL
    reloadDelay: 100,
    injectChanges: false,
    notify: false,
};