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

时间:2020-10-04 18:40:40

标签: reactjs git heroku deployment mern

我正在按照本指南使用heroku和github页-https://github.com/juliojgarciaperez/deploy-mern部署MERN堆栈应用程序

Q1。我需要创建2个不同的存储库,1个用于后端,1个用于前端以连接到heroku吗? (t.ex后端存储库到heroku管道中)我最初在同一存储库下开发了后端和前端。

第二季度。我设法按照指南中的步骤进行操作: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.

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

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

并运行yarn add命令来安装react-router-dom 但是当我重新运行git push heroku master时,所有问题都不会消失。

我最初创建了react应用,并在npm而非yarn的环境中开发。 我不知道这是否会导致复制粘贴到我以前的src的问题?

我想使用github页面bcs,它很容易处理,但是如果有人有其他建议,要部署MERN堆栈应用程序,我可以接受!

1 个答案:

答案 0 :(得分:0)

对于正在寻找我上一个问题的答案的任何人。

我没有使用github page来部署我的MERN堆栈应用, 但使用了本教程“ https://www.youtube.com/watch?v=qdoiwouykAg”

A1。您不需要2个不同的存储库,但需要在package.jsonfrontend中都配置backend

A2。我仍在终端中看到此消息,但确实可以解决。

Resolving node version 12.x...