如何在索引中包含src/目录中的服务工作者js文件。角度2

Question

我正试图为角2中的PWA设置一个服务人员。我目前在src/资产/js中service-worker.js文件，我可以将其包含在以下index.html中：

<script>
if ('serviceWorker' in navigator) {
  navigator.serviceWorker.register('/assets/js/service-worker.js').then(function(registration) {
    console.log('ServiceWorker registration successful with scope: ', registration.scope);
  }).catch(function(err) {
    console.log('ServiceWorker registration failed: ', err);
  });
}
</script>

问题是我得到了错误

未捕获（promise中）错误：请求http://localhost:4200/assets/js/src/index.html?_sw-precache=5bad745861375765f6cd0b9440666847返回状态为404的响应

这是意料之中的，因为index.html不在 /assets/js/src.如果我尝试移动service-worker.js文件到src/我得到一个404错误的js文件本身，因为我猜测Angular 2开发服务器没有捡起来？有人知道解决这个问题的方法吗？

编辑：我正在使用angular cli

Answer 1

移动service-worker.js文件到src/并更改角cli配置

.角度cli。json

"apps": [
    {
      "root": "src",
      "outDir": "dist",
      "assets": [
        "assets",
        "favicon.ico",
        "service-worker.js" <==== add this
      ],