javascript - React Serviceworker 注册

Question

我正在尝试在 React 应用程序中安装服务 worker 。但是当我尝试注册它时，它失败了:

Uncaught (in promise) TypeError: Failed to register a ServiceWorker: ServiceWorker script evaluation failed

我的代码在 App.js 里面，里面的代码是:

import React, { Component } from 'react';
class App extends Component {
  constructor(){
if ('serviceWorker' in navigator) {
  window.addEventListener('load', () => {
  navigator.serviceWorker.register('./sw.js')})}
}
render() {
return (
  <div className="App">
    <h1>PWA Go!</h1>
  </div>
);

}
}

此外，我所有的文件都在 src 文件夹中。这些文件是:

索引.js

App.js

离线.html

sw.js

我的 service worker(sw.js) 里面有这段代码:

this.addEventListner(`install`, (e) => {
e.waitUntil(
    caches.open(`V1`)
    .then((ref) => {
        ref.add(`offline.html`)
    })
    .catch((err) => {
        console.log(`Something went wrong here : ${err}`);
    })
);
});

但我仍然不断收到上述错误。如果有人知道我做错了什么，请告诉我。谢谢你帮助我!

Answer 1

该错误意味着您的服务 worker 文件 sw.js 中存在异常，因此服务 worker 无法评估相关代码。它可以是语法错误或运行时异常。在这种情况下，this.addEventListner 必须改为 this.addEventListener。