Google Chrome stuck processing request

When using Browser Sync with gulp I get a stuck processing request in Google Chrome on OSX after saving a html file about 5 times. Safari seems to be OK.

CSS changes appear to be fine as Chrome doesnt hang on them. It only seems to be around updating the html files.

This is my BrowserSync setup…

// BrowserSync proxy
gulp.task('browserSync', function() {
  browserSync.init({
    server: dist
  });
});

// BrowserSync reload all Browsers
gulp.task('browserSync-reload', function () {
    browserSync.reload();
});

gulp.task('serve', ['browserSync','sass','fileinclude','images'], function() {

    gulp.watch("./src/scss/**/*.scss", ['sass']);
    gulp.watch("./src/pages/**/*.html", ['fileinclude']);
    gulp.watch("./dist/**/*.html", ['browserSync-reload']);
});

Has anyone else noticed this problem?

[Teun87]

I’m still experiencing this problem…

[alexcracea]

I am having the same issue. For me - I added an XHR request and once I call “document.write(some parsed JSON)” it was creating me that panding request. @shakyShane I’ve created a public repo for you to reproduce the issue: https://github.com/alexcracea/bs-pending-request - note: Just in case you don’t have gulp globally i added support for you to run “npm run gulp” when you’re inside “.npm” folder.

As you can see, the request from url ws://localhost:3002/browser-sync/socket.io/?EIO=3&transport=websocket&sid=TR1X04-6mgbAHe7IAAAH is not being processed. In my case, the browser “loading” icon was appearing only while i call “document.write();”