在heroku上部署的react项目为空
在Heroku上部署的React项目为空可能有以下几个可能的原因和解决方案：
- 项目文件未正确上传：确保你的React项目文件已经成功上传到Heroku上。可以通过检查你的版本控制系统（如Git）的提交记录来确认文件是否已经上传。如果文件未上传，可以使用命令行或者Git客户端将项目文件推送到Heroku上。
- 缺少依赖项：在部署React项目之前，需要确保所有的依赖项都已经正确安装。可以检查项目根目录下的package.json文件，确认所有的依赖项都已经添加到"dependencies"或"devDependencies"中。可以使用命令行运行
npm install来安装所有依赖项。 - 编译问题：React项目通常需要在部署之前进行编译。确保你的项目已经成功编译，并生成了静态文件。可以在项目根目录下运行
npm run build来进行项目的编译。编译完成后，会生成一个build文件夹，里面包含了静态文件。 - 配置问题：Heroku可能需要一些特定的配置文件来正确运行React项目。确保你的项目根目录下包含了一个名为"Procfile"的文件，并且文件内容正确。Procfile文件用于指定项目的启动命令。例如，对于一个使用create-react-app创建的React项目，Procfile文件内容可以是
web: npm start。 - 日志查看：如果以上步骤都没有解决问题，可以查看Heroku的日志来获取更多的信息。可以通过命令行运行
heroku logs --tail来查看实时日志。日志中可能包含了部署过程中的错误信息，可以根据错误信息来进一步排查和解决问题。
总结起来，部署React项目到Heroku时，需要确保项目文件已经上传，依赖项已经安装，项目已经成功编译，配置文件正确，以及通过查看日志来获取更多信息。如果问题仍然存在，可以尝试重新部署项目或者参考Heroku的官方文档和支持资源来获取更多帮助。
腾讯云相关产品和产品介绍链接地址：
- 云服务器（CVM）：https://cloud.tencent.com/product/cvm
- 云原生应用引擎（TKE）：https://cloud.tencent.com/product/tke
- 云数据库 MySQL 版（CDB）：https://cloud.tencent.com/product/cdb
- 云存储（COS）：https://cloud.tencent.com/product/cos
- 人工智能（AI）：https://cloud.tencent.com/product/ai
- 物联网（IoT）：https://cloud.tencent.com/product/iotexplorer
- 移动开发（移动推送、移动分析）：https://cloud.tencent.com/product/mpns
- 区块链（BCS）：https://cloud.tencent.com/product/bcs
- 视频处理（云点播）：https://cloud.tencent.com/product/vod
- 音频处理（语音识别、语音合成）：https://cloud.tencent.com/product/asr
相关·内容
在过去，我只使用github的GH-Pages将我的前端应用程序作为静态版本上传。这是我的第一个React应用程序，它连接到我上传并在Heroku上运行的后端API。我使用Create- react -App在react中构建此应用程序。当我命令npm run build...Webpack构建了我的es5版本的代码，以便浏览器可以读取它。所以我的问题是，由于这是
浏览 0提问于2016-11-04得票数 2
这是我在src文件夹中的package.json文件 { "文件夹中的app.js文件。PhgZqr4aJObB3ym/vsItMg==" </body>
浏览 10提问于2020-09-23得票数 0
我之所以遵循本教程，是因为我想以一种简单的方式创建一个带有React帖子的博客。但他们似乎正在Heroku云平台上部署这款应用，我想知道是否有可能不使用Heroku而使用Github Pages，因为它是免费的，或者使用其他免费的替代方案。另外，如果它不能使用，那么两者之间的区别是什么？我认为应用程序是部署到Github页面还是部署到Heroku云都无关紧要。
浏览 30提问于2020-05-16得票数 0
我有一个为React项目服务的Ruby on Rails v5.2应用程序。两者都在不同的文件夹项目中，React项目与Rails项目不在同一个项目中。我的客户希望我使用Heroku将此项目部署到生产环境中。
我一直在寻找如何将我的Ruby on Rails和React项目<
浏览 11提问于2020-05-08得票数 0
回答已采纳
我目前正在使用Express Framework运行NodeJs，并将React作为我的前端。当我在开发机器上发出我的请求时，登录(passport-google)工作得无懈可击。"proxy": { "target": "http://localhost:3001",}
react中
浏览 1提问于2018-05-01得票数 0
我成功地将Django项目部署到Heroku。但我希望能够在部署前自动生成响应。react/ components/ package.json
...
浏览 4提问于2019-10-31得票数 1
回答已采纳
我是ReactJs和NodeJs的新手。在使用php编程语言之前，我只是上传到cpanel并在传统主机上创建数据库。现在项目已经完成了。但是我遇到了像Azure，Aws和Heroku这样的概念。我的项目是这样工作的:前端: Reactjs后端: Nodejs express rest api with mysql(CRUD) 项目在本地运行良好。我也不知道该怎么办。我搜索了Azure和Heroku，
浏览 13提问于2020-08-24得票数 1
回答已采纳
我正在开发一个应用程序(使用API的前端应用程序)，它基于创建-反应-应用程序包。我使用Heroku进行部署，目前有两个基于相同代码库、阶段和生产的部署。这些部署应该使用具有不同数据库的不同的开发/暂存/生产API。
REACT</
浏览 0提问于2018-03-28得票数 4
我想将用create-react-app创建的React项目部署到Heroku服务器上。(也许Heroku呼吁启动npm，而不是建立npm？)在生产中配置Heroku以构建应用程序的手动方法是什么？
浏览 1提问于2018-05-14得票数 0
我创建了一个react应用程序，我把它推给heroku。但推到heroku应用程序URL后，会显示“应用程序错误”，并在控制台中表示，
把这个添加到package.json中， "node": "8.10.0",
"npm": "6.4.1
浏览 1提问于2018-12-11得票数 0
这是我的项目的结束，我必须将应用程序(ReactJS前端，NodeJS后端)部署在heroku上:这是链接atm
我已经设法部署了它，但是不知道如何同时部署服务器。问题是我在localhost:3000和服务器在localhost:3004中托管了客户机，现在我无法访问服务器。我想用这个网站做代理，但我真的很困惑.我尝试过很多事情--这是我的server.js (连接到数据库，但我仍然不知道如何用
浏览 0提问于2018-03-24得票数 0
我在heroku上启动了我的应用程序。而且，自从我所有的axios获得请求后，返回一个空的html。axios.post(process.env.REACT_APP_baseServerurl + '/create/get-users')
axios.get(process.env.REACT_APP_baseServerurl+ '/create/get-users
浏览 11提问于2022-07-15得票数 -1
2回答
在Azure上部署react项目
、、、、
我想在azure云上部署我的react项目。我已经在heroku上部署了它，在那里部署它非常容易。我只需要做git推送heroku master就可以把它部署到heroku上。但我对如何在azure上做到这一点一无所知。所以我在我的项目中有一个bulid目录，每次我运行gulp命令时都会生成这个目录。它有所有的
浏览 1提问于2017-02-03得票数 7
1回答
我正在尝试使用spring tutorial：来运行我的spring + react应用程序。在本教程中，他在一个页面上执行所有操作，但我的应用程序使用Router组件在页面之间切换，因此不能使用spring控制器为一个地址提供服务。
我能做些什么来让它工作呢？我试着用谷歌搜索它，并阅读了许多堆栈溢出问题，但没有找到我的问题的答案。
浏览 2提问于2019-11-07得票数 0
在开发中，当我在localhost:3000上运行react服务器时。我在package.json中使用proxy为运行在loacalhost:5000上的后端服务器设置了baseurl。与上述相同的请求将被重定向至： localhost:5000/name 在生产中，当我在heroku和vercel等在线平台上部署应用程序时。通过axios从react
浏览 22提问于2020-10-12得票数 0
当我运行npm启动时，它可以工作，但在heroku，我不能这样做，我的package.json，我在网上看到也许这就是问题所在 "react-dom": "^15.6.1"
浏览 2提问于2017-06-28得票数 0
回答已采纳
我使用react-app重新连线和定制-cra来使用共享的TypeScript代码来设置多项目的单次配置，而不需要从create app中弹出(设置在中描述)。我唯一想不出的是如何将它部署到Heroku：
如果我使用Git来推送“前端”子目录(git subtree push --prefix frontend heroku master)，那么Heroku我尝试使用描述为的，但结果是一样<em
浏览 1提问于2021-04-27得票数 1
回答已采纳
在使用Heroku成功运行React应用程序时，我遇到了一些困难。它正在成功构建，但我在访问网址时得到了Application Error通知。下面是我用create-react-app命令构建了一个应用程序的应用程序的一些信息。
我正在我的电脑上运行NodeV6.10.2。为了部署应用程序，我从我的<
浏览 23提问于2017-07-30得票数 1
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
