代码之家  ›  专栏  ›  技术社区  ›  Cavalier Horsemanship

正在获取crbug/1173575,不赞成使用非JS模块文件。脱机时尝试调用页面时

  •  0
  • Cavalier Horsemanship  · 技术社区  · 2 年前

    我正在使用PWA的服务人员,并且我有某些页面在脱机时禁用。例如注册页面和登录页面。当我在主页上时,我会将浏览器转到脱机状态以测试页面。当我单击注册链接时,它会将我带到回退页面,告诉用户此页面在脱机时不可用。但当我点击登录页面时,我会收到以下错误:

    crbug/1173575,不赞成使用非JS模块文件。

    我没有得到任何控制台日志来尝试调试问题所在。我知道这个错误消息是因为我处于脱机状态,但它应该在我脱机时触发我的捕获,但它没有。它只是显示了crbug问题。以下是我的sw.js文件中的网络优先功能:

    const networkFirst = async (request, fallbackURL) => {
        try {
            const netRes = await fetch(request);
               console.log("Network Response URL: ", netRes);
    
            if (netRes.ok) {
    
                const cache = await caches.open(dynamicCacheName);
                cache.put(request, netRes.clone());
            }
            return netRes;
        }
        catch (error) {
            console.log("ERROR: ", error);
    
            // This is for the excluded pages
            if (
                request.url.match(/register/) ||
                request.url.match(/login/)
            ) {
                const fallback = await caches.match(fallbackURL);
                return fallback;
            }
    
            const fallback = await caches.match(fallbackURL);
            const cachedRes = await caches.match(request);
    
            if (!cachedRes) {
                return fallback;
            }
            else {
                return cachedRes;
            }
        }
    }
    

    我不知道为什么我只在登录页面上出现这个错误。我的网页网址:

    http://localhost/testtracker/<--主页脱机时工作正常。
    http://localhost/testtracker/register/<--注册页面显示脱机时的回退页面
    http://localhost/testtracker/login/<--在页面上抛出crbug/1173575,非JS模块文件弃用错误,并显示通用的“Your Not Connected”消息。

    我还是一个学习服务人员、缓存策略和javascript的新手,所以如果有任何帮助,我将不胜感激。非常感谢。

    0 回复  |  直到 2 年前