Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/heroku/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/8/lua/3.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
nuxt/pwa部署到heroku时无法“脱机”工作_Heroku_Nuxt.js - Fatal编程技术网

nuxt/pwa部署到heroku时无法“脱机”工作

nuxt/pwa部署到heroku时无法“脱机”工作,heroku,nuxt.js,Heroku,Nuxt.js,我正在ssr:false模式下使用Nuxt,并将我的应用程序部署到heroku 现在我使用的是nuxt/pwa模块,当通过npm运行构建和npm运行启动生产模式测试我的应用程序时,它工作得非常好 我还注意到以下评论: 注意:如果使用ssr:false和不带nuxt generate的生产模式, 您必须使用模块而不是构建模块 我正确配置了它,因此我的nuxt.config.js文件如下所示: ssr:错, ... 模块:[ ... “@nuxtjs/pwa” ], pwa:{ 舱单:{ 名称:“X

我正在ssr:false模式下使用Nuxt,并将我的应用程序部署到heroku

现在我使用的是nuxt/pwa模块,当通过npm运行构建和npm运行启动生产模式测试我的应用程序时,它工作得非常好

我还注意到以下评论:

注意:如果使用ssr:false和不带nuxt generate的生产模式, 您必须使用模块而不是构建模块

我正确配置了它,因此我的nuxt.config.js文件如下所示:

ssr:错, ... 模块:[ ... “@nuxtjs/pwa” ], pwa:{ 舱单:{ 名称:“XY应用程序”, 朗:“德” } }, 现在,当该应用程序部署到heroku,我将手机切换到飞行模式以模拟脱机状态时,该应用程序没有响应:浏览器中显示的是未连接到互联网的用户。
我做错了什么?我看不到任何错误配置,但可能我错过了PWA方法中的某些内容。

我不确定如何配置它,但我知道包本身默认不允许完全脱机模式。查看文档,Workbox似乎正是这样做的。多亏了它,设置和启用一个完整的服务工作者+缓存页面应该非常容易

看起来起点是:添加@nuxtjs/workbox,然后微调配置


PS:您的其他配置对我来说很好

这很有效。对于npm,命令是npmi-save@nuxtjs/workbox@2.6.0因为V3测试版还不兼容。此外,还可以通过GET请求专门配置workbox,该请求可以兑现,这非常好。