服务工作者获取事件未触发（路径问题）

Question

所以我尝试在我的angular web应用程序中使用service worker来显示自定义脱机页面，遇到的问题是

但是如果我把服务人员放进去。js文件在assets文件夹中它按预期工作，但由于服务在assets文件夹中，因此无法启动获取

我的问题是，如果我有我的文件在角根文件夹如何导入/给出正确的路径。

应用程序。组成部分ts

@Component({
  selector: 'app-root',
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.css']
})

export class AppComponent {
  title = 'service-worker';

  ngOnInit(): void{
    if ('serviceWorker' in navigator) {
      navigator.serviceWorker.register('/assets/service-worker.js').then((reg)=>{
        console.log(reg);
      })
    }
  }
}

我的服务人员文件在下图中的位置

我是新的角，所以任何指导将是有帮助的，提前感谢

Answer 1

angular中有一个配置部分。json称为资产。本节介绍应将哪些“静态”文件和应用程序文件一起传输到dist文件夹。默认情况下，“src/favicon.ico”和“src/assets”应该在那里。同时添加path/to/service worker。js。它将到达生成的文件夹