当我尝试在反应应用程序中注册服务工作者文件时，它会给我一个参考错误：未定义导航器

Question

export default function swDev() {
    let swUrl = `${process.env.PUBLIC_URL}/sw.js`
    if('serviceWorker' in navigator) {
        navigator.serviceWorker.register(swUrl).then((res) => {
            console.warn("response", res)
        }).catch((err) => {
            console.warn("error is: ", err)
        })
    } else {
        console.log("service worker is not supported")
    } 
}

这是以下代码，我在我的 react 应用程序的 index.js 文件中也调用了这个 function。 还创建了一个简单的 sw.js 文件，并附有该文件的消息。

Answer 1

您还应该检查是否定义了 window。 服务工作者应该只在服务器端初始化

(typeof window != 'undefined' && window.document);