Javascript vue cli使用官方pwa插件创建的网站不'；无法在脱机模式下工作

我希望官方的vue cli插件能够在离线模式下立即工作，但我无法让它工作

采取的步骤：

我使用@vue创建了一个项目/cli@4.0.5使用官方的pwa插件

我正在测试这一点，首先通过

npm run build

本地运行项目，然后通过以下方式提供文件： 这个chrome插件

成功加载网站

在Chrome开发者工具的“应用程序”选项卡的“服务工作者”部分，我单击了“脱机”复选框

编辑：这个截图有点过时了。我知道chrome需要https，除非它在本地主机上运行。我可以确认我在本地托管我的网站：

刷新浏览器

请注意浏览器控制台中的错误

---

未捕获的SyntaxError:使用另一种方法在本地托管我的东西时，意外的标记“工作正常。在我的例子中，我不得不使用另一种方法来在本地托管我的东西，并且工作正常。在我的例子中，我必须使用

你是否在你的router.js文件上使用了

模式：“history”

？如果是，你能在

index.html

页面的

部分添加这个

，然后再试一次。我尝试删除历史模式并添加基本href。它仍然不起作用。您是否在router.js文件上使用了

模式：“历史记录”

？如果是，您可以在

index.html

页面的

部分添加此

，然后重试。我尝试删除历史记录模式并添加基本href。它仍然不起作用。