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

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")
    } 
}

this is the following code I have also called this function in index.js file in my react app. Also created a simple sw.js file with a message that file is attached.

Answer 1

You should as well check if window is defined. The service worker should only be initialized server side

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