這個/ Self在使用React的SW上沒有正常工作

Question

我正在努力為我的CRA添加一個SW。 注冊部分很好但是，我似乎無法讓我的SW聽取事件，因為“這個”似乎是未定義的，我想知道為什么。 這是我的service-worker.js

`export function register(){
navigator.serviceWorker.register('/service-worker.js').then(reg => {
console.log(reg,'registration complete')}
}
this.addEventListener('install',()=> console.log('installed'))`

在我的index.js中，我只是調用導出的register（）函數，因為注冊工作正常。

Answer 1

export function register(){
  navigator.serviceWorker.register('/service-worker.js').then(reg => {
  console.log(reg,'registration complete')}
}
self.addEventListener('install',()=> console.log('installed'))