我每次部署应用程序时都会得到的日志:
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
所以,我得到了一个解决方案,Heroku使用nodejs buildpack作为默认值。您需要添加CRA(创建react App)。
首先,检查您正在使用的构建包
heroku buildpacks -a <appname>
然后更改为CRA buildpack
heroku buildpacks:set mars/create-react-app -a <appname>
然后重新部署。
您可以阅读here以获得更多配置