无法将React客户端部署到heroku

问题描述 投票:0回答:1

我每次部署应用程序时都会得到的日志:

2020-06-04T16:52:26.705721+00:00 app[web.1]: 
2020-06-04T16:52:32.531010+00:00 app[web.1]: [34mℹ[39m [90m「wds」[39m: Project is running at http://172.19.107.42/
2020-06-04T16:52:32.533112+00:00 app[web.1]: [34mℹ[39m [90m「wds」[39m: webpack output is served from 
2020-06-04T16:52:32.533446+00:00 app[web.1]: [34mℹ[39m [90m「wds」[39m: Content not from webpack is served from /app/public
2020-06-04T16:52:32.533609+00:00 app[web.1]: [34mℹ[39m [90m「wds」[39m: 404s will fallback to /
2020-06-04T16:52:32.534109+00:00 app[web.1]: Starting the development server...
2020-06-04T16:52:32.534110+00:00 app[web.1]: 
2020-06-04T16:52:32.555631+00:00 heroku[web.1]: State changed from starting to up
2020-06-04T16:52:32.749182+00:00 heroku[web.1]: Process exited with status 0
2020-06-04T16:52:32.794032+00:00 heroku[web.1]: State changed from up to crashed

我的package.json:

{
  "name": "spgp",
  "version": "0.1.0",
  "private": true,
  "proxy": "http://spge-server.herokuapp.com/",
  "dependencies": {
    "body-parser": "^1.18.3",
    "bootstrap": "^4.4.1",
    "draft-js": "^0.11.5",
    "draftjs-to-html": "^0.9.1",
    "express": "^4.16.4",
    "flag-icon-css": "^3.4.6",
    "html-to-draftjs": "^1.5.0",
    "jquery": "^3.5.1",
    "js-alert": "^1.0.4",
    "react": "^16.13.1",
    "react-bootstrap": "^1.0.0",
    "react-datetime-picker": "^3.0.1",
    "react-dom": "^16.13.1",
    "react-draft-wysiwyg": "^1.14.5",
    "react-google-charts": "^3.0.15",
    "react-images-uploading": "^2.2.0",
    "react-qr-code": "^1.0.2",
    "react-router-dom": "^5.1.2",
    "react-scripts": "^3.4.1"
  },
  "scripts": {
    "start": "react-scripts start",
    "build": "react-scripts build",
    "test": "react-scripts test",
    "eject": "react-scripts eject"
  },
  "eslintConfig": {
    "extends": "react-app"
  },
  "browserslist": {
    "production": [
      ">0.2%",
      "not dead",
      "not op_mini all"
    ],
    "development": [
      "last 1 chrome version",
      "last 1 firefox version",
      "last 1 safari version"
    ]
  }
}

我的个人档案:

web: react-scripts start
reactjs heroku
1个回答
0
投票

所以,我得到了一个解决方案,Heroku使用nodejs buildpack作为默认值。您需要添加CRA(创建react App)。

首先,检查您正在使用的构建包

heroku buildpacks -a <appname>

然后更改为CRA buildpack

heroku buildpacks:set mars/create-react-app -a <appname>

然后重新部署。

您可以阅读here以获得更多配置

© www.soinside.com 2019 - 2024. All rights reserved.