将react-app部署到firebase主机中时出现空白页？
当将React应用部署到Firebase主机时出现空白页的问题可能有多种原因。以下是一些可能的解决方案和建议：
- 确保正确配置Firebase：首先，确保你已经正确设置了Firebase项目，并且已经将Firebase SDK 添加到你的React应用中。你可以参考Firebase官方文档来了解如何正确配置Firebase项目。
- 检查React应用的构建配置：在部署React应用之前，你需要使用
npm run build或yarn build命令来构建应用。确保构建过程没有出现任何错误，并且生成了正确的静态文件。 - 检查Firebase主机设置：在Firebase控制台中，确保你已经正确设置了主机规则和重定向规则。你可以检查是否将主机规则设置为
"public": "build"，并且重定向规则设置为"source": "**", "destination": "/index.html"。 - 检查浏览器控制台错误：在浏览器中打开开发者工具，查看控制台中是否有任何错误信息。这些错误可能会提供有关问题的更多线索。
- 清除缓存并重新加载页面：有时候，浏览器缓存可能导致页面显示空白。尝试清除浏览器缓存并重新加载页面，看看问题是否解决。
如果以上解决方案都没有解决问题，那么可能需要更详细的调试和排查。你可以尝试在本地运行React应用，查看是否存在与部署到Firebase主机时不同的行为。你还可以尝试在Firebase控制台中查看日志，以获取更多关于错误的信息。
腾讯云相关产品和产品介绍链接地址：
- 云主机：https://cloud.tencent.com/product/cvm
- 云数据库 MySQL 版：https://cloud.tencent.com/product/cdb_mysql
- 云存储 COS：https://cloud.tencent.com/product/cos
- 人工智能平台：https://cloud.tencent.com/product/tcaplusdb
- 云原生应用引擎：https://cloud.tencent.com/product/tke
- 云安全中心：https://cloud.tencent.com/product/ssc
- 云音视频服务：https://cloud.tencent.com/product/vod
- 物联网平台：https://cloud.tencent.com/product/iotexplorer
- 移动开发平台：https://cloud.tencent.com/product/mcap
- 区块链服务：https://cloud.tencent.com/product/baas
- 元宇宙：https://cloud.tencent.com/product/um
请注意，以上链接仅供参考，具体的产品选择应根据实际需求和情况进行评估和决策。
相关·内容
我有一个与部署我的react应用程序到firebase主机相关的问题，我的react应用程序是用create-react-app创建的，build文件夹已经准备好，我已经成功地将我的应用程序部署到firebase，但没有显示，这是我的firebase.json文件 firebase.json 浏览器中的错误如下：enter image description here 这个应用程序在我的电脑本地运行得很好，有人知道怎
浏览 15提问于2020-08-03得票数 0
"**/.*", ]}
当我运行firebase serve或firebase emulators:start时，folder1和folder2中的index.html显示正确，但react-app不显示。localhost:5000/react-app/build和localhost:5000/react-a
浏览 1提问于2021-02-15得票数 0
回答已采纳
1回答
在运行npm run build和serve -s build之后，我的应用程序就会启动，但它只是一个空白页。该图标在选项卡上可见。我试过：
在本地为应用程序提供服务或将其部署到firebase时，我只收到<em
浏览 2提问于2021-05-26得票数 0
回答已采纳
1回答
防火墙http路由不起作用
、、、、
我在火场中定义了以下路线：exports.findprinters = functions.https.onRequest((req, res) => {console.log("Finding printers");});$ firebase deploy --only functionsProject Console: https://console.fire
浏览 0提问于2018-07-12得票数 0
回答已采纳
1回答
我已经使用类型记录创建了一个react应用程序，下面是我将应用程序部署到firebase时所做的事情。yarn buildfirebase deploy"hosting": {我在react应用程序中使用类型记录
然而，每当
浏览 3提问于2020-09-06得票数 0
2回答
我正在尝试使用以下命令将我的站点部署到Firebase主机上(见下文)。它过去正常工作，但在今天更改项目文件夹之后，它只部署了一个文件(见图)，站点就不能工作了。在运行firebase init并选择no到configure as a single-page-app (reqrite all urls to /index.html)之后，它现在正在将2个文件部署到Firebase主
浏览 3提问于2018-07-23得票数 1
我刚刚开始探索Ionic框架，并准备将源代码上传到基于Apache的was服务器上，但由于某种原因，它只显示空白页面。尽管当我在本地主机上运行它时，它工作得很好，我也尝试将它部署到Firebase主机上，它在那里也工作得很好。我部署到Firebase和我的are服务器的源代码是相同的。
浏览 14提问于2019-03-06得票数 0
回答已采纳
1回答
我使用Firebase托管成功地部署了Vue应用程序，除了一件小事--当我导航到宿主URL ( )时，我从本地主机运行的数据库没有出现/被引用。相反，任何试图在托管站点上重新创建数据的更改都只会影响在本地主机上运行的实例！基本上：
为什么我在使用标准的防火墙命令firebase init和firebase deploy部署之后没有看到任何db数据？在部署时，如何从lo
浏览 0提问于2018-03-26得票数 0
当我通过firebase部署我的网站域名时，我得到了一个空白页面-我知道我做错了什么，那就是我在运行firebase init时说(是)了覆盖我的index/html文件的选项。我试图通过各种方法来解决这个问题，我已经用我的原始文件替换了firebase生成的build文件夹中的index.html文件，并添加了所需的base和script标记，因此现在至少在空白页面加载和React应用程序名称和登录选项卡中</em
浏览 9提问于2020-12-02得票数 2
回答已采纳
当我使用npm start运行我的开发服务器时，我的应用程序可以在http://localhost:3000/中完美运行。但是，当我对应用程序执行npm run build和firebase deploy操作时，该应用程序并未运行，并抛出错误：npm run build SyntaxError：firebase deploy您可以使用package.json中的主页字段进行控制。此外，我还尝试删除npm --prefix \"$RESOURCE_D
浏览 11提问于2020-12-31得票数 0
回答已采纳
我正在使用Quasar "^1.14.1"，并且我正在尝试部署到Firebase。我首先使用quasar build -m spa构建，并且部署成功。但是，生成的页面是空白的。这是我的firebase.json { "headers": [{ "headers": [{}]
浏览 28提问于2020-10-10得票数 1
1回答
我目前有一个部署到Firebase主机的应用程序，其结构如下： appSub1/ appSub2appSub1.mysite.com/ -> app.firebaseapp.com/我试图将重定向配置为<e
浏览 2提问于2018-12-22得票数 10
1回答
我正在尝试将我的react web应用程序部署到Firebase。我有一个github工作流设置，以便在创建pull请求时部署到预览通道，然后当它合并时，它将部署为活动的。我将我的firebase api密钥和其他详细信息存储在一个.env文件中，该文件在我的.gitignore中，这样就不会将其签入git存储库。但是，在将应用程序部署到
浏览 5提问于2021-01-07得票数 1
我按照https://github.com/gitname/react-gh-pages的指示将我的react应用程序部署到github页面。在链接中，我得到了一个空白页面和一个404错误：Failed to load resource: the server responded with a status of 404 () 我的应用程序在本地主机上工作react-scripts test",
"eject": "r
浏览 19提问于2021-11-10得票数 0
回答已采纳
但是当我试图在github页面上部署它时，它只是显示了一个空白页。我已经完成了的所有步骤。 "react-app/jest" }, "production": [
浏览 4提问于2021-07-07得票数 1
1回答
现在，我面临的问题与Firebase有关，更确切地说，与Firebase的云函数有关。对于通过process.env.SOME_VARIABLE访问的所有环境变量，我将获得undefined，直到将.env文件复制到部署文件夹的时候为止。我试过调试它我在Firebase的日志中返回了一些类似于Firebase</
浏览 3提问于2020-11-30得票数 1
回答已采纳
我正在尝试同时部署我的角度通用web应用程序到云运行(用于SSR)和Firebase托管(用于缓存)。部署到云运行很好，我按照本指南()使用Google启用Firebase部署。, can't deploy hosting to site PROJECT-ID将在cloudbuild.yaml中的Firebase部署步骤中抛出。它起了作用，这使我相信，由于某种原因，dist/br
浏览 1提问于2021-03-17得票数 3
12回答
当我使用npm start命令时，我的ReactJs应用程序在本地框上运行良好。但是，当我尝试使用firebase init将我的应用程序部署到Firebase时，我看到的是一个空白页面。更新：我必须编辑Firebase.json文件以删除因为我收到了与此相关的错误。F
浏览 1提问于2018-09-05得票数 29
回答已采纳
在开发中，当我在localhost:3000上运行react服务器时。我在package.json中使用proxy为运行在loacalhost:5000上的后端服务器设置了baseurl。因此，所有从axios发送的api请求都将被定向到该url。 axios.get("/name").then(res=>({...}))通过axios从react-app发送的api请求都失败了。在heroku/vercel上部署时，我将代
浏览 22提问于2020-10-12得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM活动推荐
腾讯云开发者
