大家好!今天我在线部署了一个应用程序来测试它,但不太明白为什么它不起作用。我做了什么:我使用bootstrap创建了一个示例 React 应用程序,并使用firebase来部署它。这是链接。预期是什么?我希望该应用程序能够像angular.io一样在手机上下载。现实:没什么特别的。它实际上已在 Service Worker 中注册,并且加载和下载速度非常快,但仅此而已。现在的问题:我今天已经做了两
2018-05-03
我正在尝试在 React 应用中安装服务工作线程。但是当我尝试注册它时,它失败了:Uncaught (in promise) TypeError: Failed to register a ServiceWorker: ServiceWorker script evaluation failed我的代码在 App.js 中,其中的代码是:import React, { Component } fr
2018-08-24
我无法注册服务工作线程。该文件位于 index.js 和 app.js 旁边。我收到以下错误A bad HTTP response code (404) was received when fetching the script.Failed to load resource: net::ERR_INVALID_RESPONSERegistration failed TypeError: Fail
2019-03-01
我正在使用 ReactJS 制作一个基本的 Web 应用程序来创建推送通知。我想让用户能够通过单击按钮手动注册服务工作线程。但什么也没发生(控制台中没有成功消息)。我是不是哪里出错了?在标准 js 文件中,注册服务工作线程的代码可以工作(虽然没有按钮),但在 react 文件中却不行。注册服务工作线程的代码:以及按钮上的事件监听器:提前致谢!
2019-07-09
我正在学习 PWAs,并尝试将我新学到的缓存策略知识应用到 React 应用上,但尽管我已将src/index.js中的行更改为serviceWorker.register(),并且此方法有效,但无法访问最近创建的文件public/service-worker.js。为了尝试,我在src/serviceWorker.js上创建了一个“自定义注册函数”:export function customR
我在公共文件夹中有service-worker.js。当我注册服务工作者时,我必须说navigator.serviceWorker.register('./public/csw.js')但问题是现在服务工作者的范围设置为http://localhost:2009/public并且我想捕获http://localhost:2009/的获取请求如果我尝试更改服务工作者的范围navigator.serv
2019-12-17
我是 Web 开发新手,如果我的问题不清楚,请见谅。我正在尝试制作 PWA,目前正在测试我的清单和服务工作线程是否正常工作。在我的项目中,我有一个 index.html 文件,它调用文件 app.js,我尝试在其中注册名为 serviceworker.js 的服务工作线程。这是我尝试注册服务工作线程的代码段:if('serviceWorker' in navigator) {navigator.s
2020-03-27
我的应用程序中有两个服务工作线程。第一个由 create-react-app 通过 workbox 自动生成,负责缓存静态构建资产,例如已编译的 javascript 和 css 文件。第二个由我手动创建,负责在用户在应用程序中收到新消息时发送推送通知。问题是,这两者都需要访问根范围,而我最近才发现两个服务工作线程不能共享一个范围。我该如何协调呢?第二个服务工作线程(用于推送通知)仅在用户单击以允
2020-10-22
我创建了一篇文章并将其存储在Cloud Firestore中,现在我想将数据输出到名为Dashboard.vue的vueJs文件中。但我不知道它是如何工作的。我自己尝试了一些想法,但没有得到很好的结果。那么我该如何输出这些数据呢?文件:Firebase => Cloud Firestore在 firebase 中创建帖子数据:以及在vueJspost.vue中创建帖子方法 createPos
我想从 firestore 检索数据并将其绑定到 vue 数据。我在创建的生命周期钩子中以以下方式检索 firestore 数据: created(){console.log(firebase.auth().currentUser);const docRef = firebase.firestore().collection("users").doc("VezLOaumLCza8jih8Ylk"
2018-12-29
我正在使用vue.js启动我的第一个严肃的应用程序,并且我从Firabase收集数据有一个问题。这里的想法仅仅是为了将数据链接到用户ID。我的第一个是将其存储在计算的值中,例如So568275317,但是,当我尝试访问此变量时,它是>未划分的。我的猜测是在异步呼叫结束之前计算该值。但是我看不到如何解决。
我正在创建一个游戏大厅,一个玩家开始游戏并等待第二个玩家加入。当第二个玩家加入时,Firestore 中载有游戏信息的文档会更新,玩家的姓名会存储在 playerJoined: 属性中。我成功收到它:waitForOtherPlayer(gameId){this.unsubscribe = fb.firestore().collection("active-games").doc(gameId+'
2020-04-22
因此,我尝试从 Firebase 数据库中提取数据。规则当前设置为允许读/写。我的函数在创建的生命周期钩子中被调用,如下所示:db.collection("todos").get().then((snapshot) => {snapshot.forEach((element) => {console.log(snapshot);console.log(element);});});我的 Fireb
2020-05-25
我在 Cloud Firestore 上创建了数据库,集合名称为 products。现在我想检索集合中的所有资源。我已经在数据库中创建了 12 个产品。但在我的 vue-devtool 中,我看不到任何数组。如何从 Cloud Firestore 检索数据?这是我的 vue.js 代码。<template><h3 class="d-inline-block">Products list</h3><
2020-06-19
我将 Firestore 与 Vue 结合使用,问题是:我无法从数据库获取数据,但是当我将:key="Profiles['.key']"更改为此:key="Profiles"时,我会在屏幕上看到数据,但是当我刷新页面时数据就消失了,我再也看不到它了。这是代码:<template><div><h1 class="text-center mt-16">Admin</h1><div v-for="Pro
2020-08-31