PWA简单演示-添加pwabuilder sw-寄存器.sw时出错
你好，
我正在尝试创建一个简单的PWA演示程序，方法是遵循本文的步骤："https://learn.microsoft.com/en-us/microsoft-edge/progressive-web-apps-chromium/get-started“
然而，当我到达下载和添加文件的步骤：“pwabuilder sw.js”和“pwabuilder sw-Regier.js”根目录，然后将<script src="/pwabuilder-sw-register.js"></script>添加到index.html的头上，我在边缘浏览器上出现了错误："SCRIPT1086: SCRIPT1086:模块导入或导出语句在这里意外“，我在这里搜索，我发现必须添加像这个<script src="/pwabuilder-sw-register.js" type="module"></script>这样的type=”模块“，但是现在我在pwaupdate (175,5829)中得到了另一个错误："0:无法获得属性‘未定义的或空引用’的定义”。
我的页面代码看起来是：
Index.html
<html>
<head>
<title>Express</title>
<link rel="stylesheet" href="/stylesheets/style.css">
<link rel="manifest" href="/manifest.json">
<script src="/pwabuilder-sw-register.js" type="module"></script>
</head>
<body>
<h1>Express 2</h1>
<p>Welcome to Express</p>
</body>
</html>pwabuilder-sw.js
// This is the service worker with the Cache-first network
const CACHE = "pwabuilder-precache";
importScripts('https://storage.googleapis.com/workbox-cdn/releases/5.0.0/workbox-sw.js');
self.addEventListener("message", (event) => {
if (event.data && event.data.type === "SKIP_WAITING") {
self.skipWaiting();
}
});
workbox.routing.registerRoute(
new RegExp('/*'),
new workbox.strategies.CacheFirst({
cacheName: CACHE
})
);pwabuilder-sw-register.js
// This is the service worker with the Cache-first network
// Add this below content to your HTML page inside a <script type="module"></script> tag, or add the js file to your page at the very top to register service worker
import 'https://cdn.jsdelivr.net/npm/@pwabuilder/pwaupdate';
const el = document.createElement('pwa-update');
document.body.appendChild(el);我找了很多东西，但没有找到任何线索。
请给我建议。
回答 2
Stack Overflow用户
发布于 2020-07-21 20:46:44
Stack Overflow用户
发布于 2020-06-29 14:52:42
您通常不再需要这个脚本引用<script src="/pwabuilder-sw-register.js" type="module"></script>
脚本将由pwaupdate组件加载。因此，只需在HTML页面末尾的一个块中添加以下代码：
import 'https://cdn.jsdelivr.net/npm/@pwabuilder/pwaupdate';
const el = document.createElement('pwa-update');
document.body.appendChild(el);如果它仍然不起作用，请在我们的Github回购上打开一个问题，或者问在Twitter上负责这个部分的贾斯汀：https://twitter.com/Justinwillis96。
谢谢!
大卫
https://stackoverflow.com/questions/62018638
复制相似问题
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号