Синхронизация браузера не работает как я могу исправить и протестировать, чтобы убедиться, что это работает?

#javascript #html #gulp

Вопрос:

Здравствуйте, вчера вечером синхронизация моего браузера работала нормально, а затем, когда я приступил к работе над ней сегодня, она не будет обновляться при изменении. я сохраняю сразу после того, как отредактирую что-то в html, чтобы проверить это. ничего не произойдет, нам придется использовать обновление, чтобы увидеть изменения. Вот мой код (gulp.js)

 let serve = () => {
  browserSync({
    notify: true,
    port: 9000,
    reloadDelay: 50,
    browser: browserChoice,
    server: {
      baseDir: [
        `./`,
        'html'

      ]
    }
  });

  watch(`html/*.html`),
    series(validateHTML)
    .on(`change`, reload);
  watch(`js/*.js`,
    series(lintJS, transpileJSForDev)
  ).on(`change`, reload);
};


exports.validateHTML = validateHTML;
exports.compressHTML = compressHTML;
exports.HTMLProcessing = series(validateHTML, compressHTML);
exports.serve = serve;
exports.lintJS = lintJS;
exports.transpileJSForProd = transpileJSForProd;
exports.safari = series(safari, serve);
exports.firefox = series(firefox, serve);
exports.chrome = series(chrome, serve);
exports.edge = series(edge, serve);
exports.allBrowsers = series(allBrowsers, serve);

//exports.lintCSS = lintCSS;
 

вот мой html-код, который я пытался изменить.

 <!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="utf-8">
  <title>Assigment 2 Jessica Atherton</title>
  <link rel="stylesheet" href="styles/main.css">
</head>

<body>
  <script src="scripts/app.js" defer></script>
  <h1>
    hello. hello.
  </h1>
</body>

</html>