我正在使用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的新手,所以如果有任何帮助,我将不胜感激。非常感谢。