当前位置: 首页 > 知识库问答 >
问题:

使用github页面和heroku部署MERN堆栈

东郭和光
2023-03-14

我正在按照本指南部署MERN stack app,使用heroku和github页面-https://github.com/juliojgarciaperez/deploy-mern

Q1.我是否需要创建两个不同的存储库,一个用于后端,一个用于前端来连接到Heroku?(T.EX后端存储库到heroku管道)我最初在同一个存储库下开发了后端和前端。

Q2.我设法获得了指南中的步骤:3,并按照前面提到的指南-https://elements.heroku.com/buildpacks/mars/create-react-app-buildpack创建了react应用程序的新基础

在使用这个buildpack命令生成react应用程序之后,我将srcpublic替换为我之前编写的内容,并安装依赖项。

但是当我在终端中运行git push heroku master命令时,

我有错误说

error: failed to push some refs to 'https://git.heroku.com/apprepositorynamehere.git'

当我读到过程的时候,上面写着

engines.node (package.json):  unspecified

Cannot find module: 'react-router-dom'. Make sure this package is installed.
You can install this package by running: yarn add react-router-dom.

error Command failed with exit code 1.

为了解决每个问题,我在package.json中添加了指定版本的节点

  "engines": {
    "node": "13.7.0"
  },

并且还运行了yarn add命令来安装react-router-dom,但当我重新运行Git push heroku Master时,所有问题都没有解决。

我最初创建了react应用程序,并在NPM设置中开发,而不是YARN。我想知道这是否会导致复制粘贴我以前的src的问题?

我想使用github页面bcs它很容易处理,但如果任何人有任何其他建议,部署MERN stack应用程序,我是开放的!

共有1个答案

翟高明
2023-03-14

给任何想要回答我前面问题的人。

我没有使用GitHub Page部署我的MERN stack应用程序,而是使用了本教程“https://www.youtube.com/watch?v=qdoiwouykag”

A1.您不需要两个不同的存储库,但需要在前端后端中配置您的package.json

A2.我仍然在terminal看到这一点,但它确实解决了。

Resolving node version 12.x...
 类似资料:
  • 我正在为一个业余项目工作Java REST api,我使用Heroku作为我的部署平台。我设法使用部署了应用程序。 检测不到set buildpack https://codon-buildpacks.s3.amazonaws.com/buildpacks/heroku/java.tgz 更多信息:https://devcenter.heroku.com/articles/buildpacks#d

  • 问题内容: 我正在尝试将Flask应用程序部署到Heroku,但是在推送代码时出现错误 我不确定该怎么做,我尝试将端口从5000更改为33507,但无济于事。我的Procfile看起来像这样: main.py 是启动服务器的主要Flask文件。 问题答案: 在Heroku托管的Flask应用中,我使用以下代码启动服务器: 在本地开发时,它将使用端口5000,在生产环境中,Heroku将设置环境变量

  • 下面是我在GitHub上的webapp代码:https://github.com/krzysztofskul/bookmarks-app.git,当我自动或手动部署它时,我会得到应用程序成功部署的信息,但是在heroku https://krzysztofskul--bookmarks-app.herokuapp.com上刷新页面时显示应用程序错误。我找不到原因,所以请你帮忙。

  • 推荐先去了解下 在 Heroku 里部署 node.js 应用的文档。 首先,我们需要告诉 Heroku 安装项目的开发依赖包 devDependencies (以便能在 Heroku 环境下运行 npm run build): heroku config:set NPM_CONFIG_PRODUCTION=false 同时,我们想让应用以 生产模式 运行,绑定的主机IP为 0.0.0.0: he

  • 嘿,我已经尝试了几天了,我已经遍历了文档,我遵循了教程,当我试图将react应用程序部署到github页面时,我无法通过npm运行部署。我将npm称为运行构建,我将正确的url放置到package.json作为“主页”,我再次调用它并获得“部署”和“预部署”,我在节点模块中肯定有gh-pages,我的意思是我得到了所有我遵循的每一个步骤,每个教程都可以告诉我。我遇到了一个问题,内容如下: 错误:无

  • 我试图将我的Flutter应用程序部署到GitHub页面。应用程序运行良好与和构建成功使用 我将代码推送到我的存储库:https://github.com/learyjk/superpacecalcweb 部署活动日志显示已成功部署。但是当我点击“查看部署”按钮时,我只得到一个空白页面。Javascript控制台显示: 无法加载资源:服务器响应状态为404()https://learyjk.git