React SSR Firebase应用程序中的图像

文章/答案/技术大牛

发布

0回答

javascript、reactjs、firebase、webpack、server-side

我是React的新手，我正在致力于构建一个通用应用程序。我最近关注了Firebase在YouTube上发布的教程。它像预期的那样工作。然后我编写了自己的代码，这样我就可以开始自己的应用程序了。当涉及到firebase和我的图像文件时，我遇到了一些问题。我怀疑这是Webpack或Node的问题。更新:我认为这不仅仅是Cloud Functions模拟器的</

浏览 2提问于2017-12-11得票数 2

1回答

React Hooks在Firebase云函数上不起作用错误:固定冲突:无效的钩子调用

reactjs、firebase、google-cloud-functions、react-hooks、next.js

我正在使用Firebase Cloud Functions托管我的SSR Nextjs应用程序。我可以在firebase云函数上部署Nextjs应用程序，并在没有React Hooks的情况下通过干净的URL访问它，但使用React Hooks时，我会收到一条错误消息： Invariant ViolationYou might have mismatching versions of React a

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

1回答

在react* ssr应用程序中调用firebase消息传递方法时，如何修复自身未定义？*

reactjs、firebase、firebase-cloud-messaging、react-ssr、razzle

我正在尝试在我的SSR应用程序中使用firebase消息，该应用程序是使用带有-react-router-3的https://github.com/jaredpalmer/razzle创建的。我已经在使用firebase了，它工作的很好，包括托管。但当我开始在应用程序中添加消息时，开始抛出一个错误。我的入口点看起来像， im

浏览 25提问于2019-09-07得票数 3

回答已采纳

2回答

将类星体SSR* vue/node应用程序部署到Firebase主机上*

node.js、firebase、vue.js、firebase-hosting、quasar

我尝试过很多方法来上传和运行firebase主机上的节点/vue项目，但是没有成功。我在SSR模式下的vue.js应用程序在本地主机上工作得很好。它与基本的节点/快递应用程序略有不同。一旦部署到Firebase主机，我就有了错误404页面。() 我已经用quasar build -m ssr构建了一个应用程序，它生成一个新的文件夹dist

浏览 3提问于2020-09-06得票数 5

回答已采纳

2回答

反应，快速，节点，Python

python、node.js、reactjs、express、create-react-app

所以我有一个python脚本来处理一个图像。我已经在快速服务器上测试了与Node的python集成，并且我能够得到我想要的东西。我可以通过提供的路径从文件夹中读取该文件。然后，我继续前进，并分别学习使用穆特与特快专递图像上传。所以我现在被困住<em

浏览 0提问于2018-02-12得票数 0

回答已采纳

3回答

在Firebase部署角8通用(SSR)应用程序

angular、firebase、google-cloud-functions、angular-universal

我最近将我的Range8应用程序升级为一个通用应用程序(SSR)。在它是一个SSR应用程序之前，我就已经将它部署到Firebase中了，但是后来我发现在Firebase上部署一个SSR应用程序并不是通过使用常规的Firebase宿主来实现的。我使用以下方法创建了一个SSR应用程序： ng add @nguniversal

浏览 7提问于2019-10-18得票数 4

回答已采纳

2回答

gatsby生成-为页面构建静态HTML失败，错误："WebpackError: ReferenceError: IDBIndex未定义“

firebase、gatsby

我正在和盖茨比合作，负责前台和后台的火力基地。89 | 'getKey', 我认为问题来自于我的firebase.js下面是： apiKey: "AIzaSyDCiX

浏览 0提问于2019-08-01得票数 6

1回答

firebase SSR问题，弹出“应用程序请求访问您的google帐户”，而不是网站

reactjs、firebase、server-side-rendering

我曾尝试通过"razzle“工具使用create-React基础知识创建一个react SSR网站。这个应用程序最初是这样工作的： 'use strict'const app = require('.应用程序正在请求访问您的Google帐户的权限。请选择您要使用的</e

浏览 23提问于2020-10-23得票数 1

回答已采纳

1回答

使用SSR和firebase加载图像

image、firebase、next.js、firebase-admin

我正在使用firebase存储的Next.JS SSR，它使用firebase-admin(getSignedUrl)在后端加载图像，并使用firebase-client (getDownloadUrl)在浏览器中加载图像。这会导致页面中的图像使用两个生成的urls加载两次。有什么办法可以解决这个问题吗？

浏览 13提问于2020-10-28得票数 0

回答已采纳

1回答

Firebase SSR:延迟加载的路由不工作

angular、firebase

我有一个Angular 8项目，其中有一个延迟加载的路由。我已经通过ng add @nguniversal/express-engine命令添加了Universal。构建和提供应用程序工作得很好。我添加了firebase并通过云函数设置了SSR，部分遵循了angularfire repo上似乎过时的指南。通过serve:ssr为应用程序提供服务，它工作得很好，请求延迟加载的路由也能工作。但是当使用firebase serv

浏览 23提问于2020-08-17得票数 0

1回答

在.Net核心中使用React时延迟后加载本地镜像

javascript、reactjs、image、asp.net-core、.net-core

我使用Visual Studio提供的模板创建了一个托管在.Net核心后端的React应用程序。额外的信息是，当我启动React应用程序和.Net核心服务器时，这个问题就会发生，所以它们共享同一个端口。当我使用npm start启动前端时，图像会立即加载，或者很少会有明显的延迟。我试过了：将图像存储在React的公共文件夹中，直接在src属性中</em

浏览 32提问于2020-09-28得票数 1

1回答

React样板中的服务器端渲染

reactjs、server-side-rendering、react-boilerplate

我正在为react应用程序https://www.reactboilerplate.com/使用样板它不提供SSR，现在为了SEO的目的，我需要它。有人能帮我在这个样板中实现SSR吗？

浏览 25提问于2019-05-09得票数 5

1回答

将quasar v2 ssr应用程序部署到firebase函数中

firebase、google-cloud-functions、vuejs3、quasar-framework、quasar

如何将quasar v2 ssr应用程序部署到firebase函数中？在v1中，可以通过以下步骤完成此操作：const functions=require("firebase-functions"); exports.samplefun=functions.https.onRequest(app); 但在新版本中，src-ssr</

浏览 0提问于2021-05-25得票数 0

3回答

与webpack一起反应服务器端渲染？

reactjs、webpack、server-side-rendering

例如，有没有办法在不使用express js作为服务器或Next.js的情况下创建具有服务器端渲染的react应用程序？我能不能只用webpack来做服务器端渲染？

浏览 29提问于2018-09-05得票数 0

1回答

在nextjs项目中实现firebaseUi auth时发出问题？[错误:未定义窗口]

firebase、authentication、firebase-authentication、next.js、firebaseui

我正在尝试将firebase设置到我的nextjs项目中(看起来，通过发布getAuth方法，firebase文档并不是最新的)。Authenticationimport { StyledFirebaseAuth } from 'react-fi

浏览 3提问于2022-05-02得票数 0

回答已采纳

1回答

如何将Next.js应用于用创建的React项目？

reactjs、next.js

我曾经尝试过如何在我现有的react上使用服务器端呈现( SSR )，并且我找到了Next.js，这是一个用于React的SSR框架。此外，还有create-next-app可以轻松创建像CRA这样的Next.js应用程序。因为我已经有了我现有的React项目，所以我需要使它与Next.js兼容。但是，他们有着完全不同的项目架构。我附加了两个create-next-app和create-react-app的<

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

回答已采纳

2回答

React/Next.js似乎不适用于Apex曲线图

javascript、reactjs、next.js、server-side-rendering、apexcharts

问题当我在任何文件中import Chart from "react-apexcharts"时，我的Next.js/React/Node应用程序就会崩溃。无论导入的<Chart/>是在页面中呈现还是只留下未使用的，都会发生这种情况。有趣的是，如果我保存一个文件并启动Next.js快速刷新，我的应用程序就开始正常工作(有时)。但是，当我只

浏览 6提问于2021-06-01得票数 14

回答已采纳

1回答

如何在Next.js中使用react文件查看器导入PDF文件？

reactjs、next.js

/public/pdf.pdf模块解析失败:意外令牌(1:0)您可能需要一个适当的加载程序来处理该文件类型，目前还没有配置加载程序来处理该文件。我的代码：import pdf from "../../..

浏览 1提问于2021-06-18得票数 2

回答已采纳

1回答

Webpack使用反应状态抛出SyntaxError

reactjs、webpack

我试图实现SSR使用React (创建-反应-应用程序)和Firebase。为此，我目前正在按照和进行配置 entry: '.transition: false浏览网页，我发现我需要安装plugin-proposal-class-properties -但我如何配置webpack的内部/plugin-proposal-class-properties": "^7.7.4"

浏览 1提问于2019-12-29得票数 0

回答已采纳

2回答

用react实现旧应用程序的现代化

reactjs、server-side-rendering

我在Node，Mongo，Express和车把上写了一个旧的应用程序。我最近一直在使用React，也在研究如何构建移动应用程序。随着教程的出现，现在看来大多数应用程序的设计方式都是基于后端的远程api，启用了跨站点的请求，并且前端只需要从它获取数据并在前端解析它，无论是桌面客户端还是移动客户端。什么是更新我的旧应用程序的最佳方式?它可以让它在服务器端使用react

浏览 1提问于2018-03-07得票数 1

回答已采纳

点击加载更多