Nuxt PWA未与workbox一起脱机加载

文章/答案/技术大牛

发布

1回答

vue.js、nuxt.js、progressive-web-apps、workbox

我已经设置了nuxt pwa模块来使用nuxt firebase auth，它工作得很好，另外我还添加了图标和清单来利用可下载的应用程序。问题是，我一定是在用workbox做错了什么，因为如果你离线，我的应用程序就不会加载。将显示默认浏览器脱机消息。我的工作箱配置是 workbox: { urlPattern: 'https://twitch-toc.now.sh/.*

浏览 31提问于2020-07-15得票数 1

1回答

使用Nuxt 2.15.3、Tailwind和Pwa模块首次访问时无法加载Safari本地字体

javascript、css、safari、nuxt.js、tailwind-css

我已经创建了一个nuxt pwa应用程序，www.shirime.one，它工作得很好，但是我在Safari mobile上遇到了一个问题，自定义字体没有加载。当PWA与safari一起安装在IOS上时，如果我将设备连接到macbook，我看不到fonts文件夹。如果我从safari检查器刷新PWA，那就是工作。似乎Nuxt PWA模块不能加载字体文件夹，当PWA与safari<e

浏览 56提问于2021-03-18得票数 1

回答已采纳

3回答

使用nuxt和@nuxtjs/pwa的网站不缓存google字体

service-worker、nuxt.js

我用npx create-nuxt-app创建了我的应用，然后添加了npm install @nuxtjs/pwa --save。stylesheet" data-n-head="true">workbox: { {

浏览 47提问于2018-03-06得票数 5

回答已采纳

1回答

如何检查服务器构建是否已在SSR Nuxt应用程序中更新

vue.js、nuxt.js、server-side-rendering、workbox

如果浏览器中的SSR Nuxt应用程序与服务器端的构建不兼容，我不知道如何解决这个问题，因为已经更新了构建。这意味着用户在浏览器中有旧版本的应用程序，需要刷新页面。我发现了这样的东西：export default async (context) => { const workbo

浏览 3提问于2021-12-01得票数 0

1回答

更新旧代码时的缓存问题

vue.js、nuxt.js

我有非常恼人的和交易打破问题与所有的js缓存的nuxt js所做的，所有的代码被执行，因为他们是在缓存之前，没有在网站上实现，除非用户清除浏览器缓存为网站手动！

浏览 4提问于2022-06-05得票数 2

1回答

如何用nuxtjs/pwa实现后台同步？

vuejs2、progressive-web-apps、nuxt.js

我正在尝试通过@nuxt/pwa-module在Nuxtjs中使用workbox后台同步。这是我在nuxt.config.js文件中的工作箱属性： 'sw-background-sync.js'plugins/sw-background-sync.js文件的内容：workbox

浏览 1提问于2019-08-27得票数 5

1回答

Nuxt/pwa更新版本

vue.js、nuxt.js、progressive-web-apps

我正在使用nuxt/pwa模块创建一个pwa。我在工作框的安装事件中检测到了服务工作人员的更改：export default async (context) => { } console.log(workbox) alert('There is an update for the PWA, reloadin

浏览 8提问于2021-12-27得票数 2

回答已采纳

1回答

与fcm一起使用nuxt特性的最佳解决方案是什么？

javascript、firebase-cloud-messaging、progressive-web-apps、nuxt.js、workbox

我想在我的nuxt.js应用程序中添加防火墙云消息，该应用程序使用workbox集成pwa功能。问题是fcm需要一个服务工作者(firebase消息传递-sw.js)来处理传入的消息，但是workbox也使用服务工作者(sw.js)来提供pwa特性。firebase.initializeApp(config) : '' 但是每次我用nuxt构建项目时，sw.js文件就会被覆盖与

浏览 3提问于2019-10-19得票数 0

1回答

Nuxt PWA注册服务人员不在本地主机外注册

nuxt.js、progressive-web-apps、service-worker

我们正在尝试托管PWA nuxt，服务工作人员将在localhost上注册:3000只使用尝试从192.168.0.2:3000访问它将导致以下情况： export default { // Global page headers: https://go.

浏览 8提问于2021-11-11得票数 0

回答已采纳

2回答

workbox.backgroundSync.Plugin不创建IndexedDB

angular、progressive-web-apps、workbox、background-sync

我已经将我的Angular应用程序转换为PWA。Angular服务工作者完成其工作并缓存静态资源，以便在脱机时加载应用程序shell。因此，我使用的是Google的workbox库。; console.logWorkbox<

浏览 51提问于2019-10-16得票数 1

回答已采纳

1回答

如何在后台更新缓存？

vuejs2、workbox

我将从workbox开始进入PWA的世界。我目前使用的是，它使用的是workbox。我配置了所有脱机访问： workboxPluginMode: 'GenerateSW', skipWaiting: true}更新我的缓存的唯一可能是当我进入站点时，生成的软件会检查是否有更新，如果有更新，它会被启用，以便激活下一次重新加载。

浏览 1提问于2018-06-09得票数 1

3回答

如何将Nuxt* js (pwa)项目转换为apk？*

vue.js、nuxt.js、apk

我正在做一个nuxt项目，我想将它添加到Google中，但是它需要apk输出。{ "short_name": "my lovely nuxt app", "description": "pwa to apk&qu

浏览 22提问于2022-05-24得票数 1

回答已采纳

1回答

脱机时，工作框中的offlineFallback无法工作。

google-chrome-devtools、progressive-web-apps、service-worker、workbox

我正在尝试为缓存中不可用的图片和文档实现脱机回退功能。其想法是，当所需的图片或文档不可用时，服务工作人员将提供预定义的回退图片或文档。我正在使用所描述的配方，但它不起作用。为了使用Chrome工具对其进行测试，我执行以下操作：对于未保存在缓存中的图片和文档，请获取以下错误：GET http:

浏览 2提问于2021-03-15得票数 2

1回答

纳克斯特在灯塔表演

performance、vue.js、nuxt.js、bootstrap-vue

尽管我的代码非常简单，但我不知道为什么我的Nuxt性能在灯塔中太低了。我的Nuxt应用程序是以的名字部署的，您可以在网上查看它。/axios // https://go.nuxtjs.dev/pwa [ "nuxt-i18nmodule configuration: ht

浏览 11提问于2022-06-25得票数 0

1回答

在脱机时，React/WordPress PWA不使用200响应

wordpress、reactjs、service-worker、progressive-web-apps、workbox

除脱机时响应200外，一切正常工作。联机时，WordPress为所有路由加载index.php。我试图了解如何配置CRA / WorkBox，以便在/注册服务工作人员，并在脱机时使用build文件夹中的index.html为所有页面提供服务。index.html：https://example.com/wp-con

浏览 0提问于2018-11-06得票数 3

回答已采纳

3回答

如何在Nuxt* Config中使用Firebase环境变量*

javascript、firebase、nuxt.js、dotenv

我试图将Firebase Creds从我的Nuxt Config文件中分离出来。/dotenv-module '@nuxtjs/firebase', ], }, auth: { }

浏览 7提问于2020-04-11得票数 2

回答已采纳

1回答

如何使用workbox和webpack生成工作服务人员？

webpack、workbox

我正在尝试建立我的第一个PWA，但我正在努力让它启动和运行。我已经将"GenerateSW“添加到我的webpack.prod.js中，如下所示： const { GenerateSW } = require('workbox-webpack-plugin');启动应用程序时，我可以在"Cache Storage/workbox-precache v2“中找到一些预缓存的文件，但vendor.bundle.js也在那里丢失。它包含main.bundle.js，但是当切换到脱机</em

浏览 12提问于2020-04-14得票数 1

2回答

多个self.__WB_MANIFEST实例

service-worker、workbox、quasar

(与有关)加载pwa时会出现以下错误非数组:传入'workbox-precaching.PrecacheController.addToCacheList()‘的参数’条目‘必须是数组我已经更新为Workbox：npm install --save-dev workbox-webpack-plug

浏览 5提问于2021-02-16得票数 2

回答已采纳

1回答

服务工作者不缓存https响应

vue.js、service-worker、progressive-web-apps

我有一位服务人员为vue pwa服务。它能够缓存资产，但我不知道如何缓存http响应。根据这个，我应该在缓存存储列表中看到api-cachemodule.exports = { workboxPluginMode: "InjectManifest

浏览 0提问于2019-07-17得票数 0

1回答

如何与Nuxt* PWA一起使用workbox-webpack-plugin*

javascript、progressive-web-apps、nuxt.js、workbox-webpack-plugin

我现在使用的是Nuxt和PWA插件，包括workbox模块。但是，如果我没记错的话，这个插件不允许将webpack生成的资源添加到先行缓存中。是否可以使用workbox-webpack-plugin来只生成sw.js文件的预缓存部分？如果是这样的话，会怎么做？有一些关于的文档，但是我不确定如何将其应用于Nuxt PWA上下文。

浏览 155提问于2019-04-09得票数 4

回答已采纳

点击加载更多