如何将服务工作者与Yeoman Webapp生成器一起使用？

Question

我的项目结构如下：

.tmp
    scripts
        bundle.js
        bundle.map.js
app
    scripts
        main.js
    styles
        buttons.scss
        grid.scss
        ....
        main.scss
    index.html
    sw.js

我的服务人员注册：

// Register Service Worker
  if ('serviceWorker' in navigator) {
    navigator.serviceWorker.register('/sw.js')
    .then(reg => console.log("Registration successful"))
    .catch(() => console.log("Registration failed"));
  }

我想使用Service Worker制作一个脱机Web应用程序，我缓存了资源并实现了代码以在fetch事件中为它们提供服务，但是尽管没有提供这些资源，但我不断收到此错误{{1 }}和The FetchEvent for "http://localhost:9000/" resulted in a network error response: the promise was rejected.。我正在将localhost与failed to fetch一起用于开发。我认为服务人员应该放在其他地方，例如.tmp ？？？你觉得怎么样？

我的sw.js文件：

gulp serve