node.js - 如何在 Heroku 上部署应用程序 - ReactJS 和 ExpressJS
问题描述
我试图在 Heroku 上部署我的应用程序，但是当我打开应用程序https://site-web-france.herokuapp.com/时，它显示：
Application error
An error occurred in the application and your page could not be served. If you are the application owner, check your logs for details. You can do this from the Heroku CLI with the command
Heroku logs --tail
我觉得它在端口 5000 上运行服务器，但我在端口 3000 上的客户端应用程序没有运行。
我的项目/package.json ：
{
"name": "site-web-france",
"version": "1.0.0",
"scripts": {
"client": "cd client && yarn start",
"server": "nodemon server.js",
"dev": "concurrently --kill-others-on-fail \"yarn server\" \"yarn client\"",
"dev:server": "cd client && yarn build && cd .. && yarn start",
"start": "node server.js",
"heroku-postbuild": "cd client && npm install && npm install --only=dev --no-shrinkwrap && npm run build"
},
"dependencies": {
"body-parser": "^1.18.3",
"express": "^4.16.3",
"mongodb": "^3.1.1",
"mongoose": "^5.2.6",
"react-scripts": "^1.1.4"
},
"devDependencies": {
"concurrently": "^3.5.0"
}
}
MyProject/client/package.json ：
{
"name": "test",
"version": "0.1.0",
"private": true,
"dependencies": {
"@fortawesome/fontawesome-svg-core": "^1.2.0-14",
"@fortawesome/free-solid-svg-icons": "^5.1.0-11",
"@fortawesome/react-fontawesome": "0.1.0-11",
"mongodb": "^3.1.1",
"mongoose": "^5.2.7",
"react": "^15.6.1",
"react-bootstrap": "^0.31.3",
"react-dom": "^15.6.1",
"react-google-auth": "^0.4.1",
"react-router-dom": "^4.2.2",
"react-router-hash-link": "^1.2.0",
"react-scripts": "1.0.13",
"video-react": "^0.9.4"
},
"scripts": {
"start": "react-scripts start",
"build": "react-scripts build",
"test": "react-scripts test --env=jsdom",
"eject": "react-scripts eject"
},
"proxy": "http://localhost:5000/"
}
当我在本地启动 Heroku 时，我看到了这个：
MB-Pro:MyProjects admin$ heroku local
[WARN] ENOENT: no such file or directory, open 'Procfile'
[OKAY] package.json file found - trying 'npm start'
[WARN] No ENV file found
[WARN] ENOENT: no such file or directory, open 'Procfile'
[OKAY] package.json file found - trying 'npm start'
13:23:40 web.1 | > site-web-france@1.0.0 start /Users/site-web-france/informatique/MyProjects
13:23:40 web.1 | > node server.js
13:23:41 web.1 | (node:79181) DeprecationWarning: current URL string parser is deprecated, and will be removed in a future version. To use the new parser, pass option { useNewUrlParser: true } to MongoClient.connect.
13:23:41 web.1 | Listening on port 5000
13:23:42 web.1 | { MongoError: Authentication failed.
13:23:42 web.1 | at /Users/site-web-france/informatique/MyProjects/node_modules/mongodb-core/lib/connection/pool.js:580:63
13:23:42 web.1 | at authenticateStragglers (/Users/site-web-france/informatique/MyProjects/node_modules/mongodb-core/lib/connection/pool.js:503:16)
13:23:42 web.1 | at Connection.messageHandler (/Users/site-web-france/informatique/MyProjects/node_modules/mongodb-core/lib/connection/pool.js:539:5)
13:23:42 web.1 | at emitMessageHandler (/Users/site-web-france/informatique/MyProjects/node_modules/mongodb-core/lib/connection/connection.js:309:10)
13:23:42 web.1 | at Socket.<anonymous> (/Users/site-web-france/informatique/MyProjects/node_modules/mongodb-core/lib/connection/connection.js:452:17)
13:23:42 web.1 | at Socket.emit (events.js:182:13)
13:23:42 web.1 | at addChunk (_stream_readable.js:283:12)
13:23:42 web.1 | at readableAddChunk (_stream_readable.js:264:11)
13:23:42 web.1 | at Socket.Readable.push (_stream_readable.js:219:10)
13:23:42 web.1 | at TCP.onread (net.js:639:20)
13:23:42 web.1 | name: 'MongoError',
13:23:42 web.1 | message: 'Authentication failed.',
13:23:42 web.1 | ok: 0,
13:23:42 web.1 | errmsg: 'Authentication failed.',
13:23:42 web.1 | code: 18,
13:23:42 web.1 | codeName: 'AuthenticationFailed',
13:23:42 web.1 | operationTime:
13:23:42 web.1 | Timestamp { _bsontype: 'Timestamp', low_: 9, high_: 1534418622 },
13:23:42 web.1 | '$clusterTime':
13:23:42 web.1 | { clusterTime:
13:23:42 web.1 | Timestamp { _bsontype: 'Timestamp', low_: 9, high_: 1534418622 },
13:23:42 web.1 | signature: { hash: [Binary], keyId: [Long] } },
13:23:42 web.1 | [Symbol(mongoErrorContextSymbol)]: {} }
13:23:54 web.1 | TypeError: Cannot read property 'collection' of undefined
13:23:54 web.1 | at app.get (/Users/site-web-france/informatique/MyProjects/server.js:95:18)
13:23:54 web.1 | at Layer.handle [as handle_request] (/Users/site-web-france/informatique/MyProjects/node_modules/express/lib/router/layer.js:95:5)
13:23:54 web.1 | at next (/Users/site-web-france/informatique/MyProjects/node_modules/express/lib/router/route.js:137:13)
13:23:54 web.1 | at Route.dispatch (/Users/site-web-france/informatique/MyProjects/node_modules/express/lib/router/route.js:112:3)
13:23:54 web.1 | at Layer.handle [as handle_request] (/Users/site-web-france/informatique/MyProjects/node_modules/express/lib/router/layer.js:95:5)
13:23:54 web.1 | at /Users/site-web-france/informatique/MyProjects/node_modules/express/lib/router/index.js:281:22
13:23:54 web.1 | at Function.process_params (/Users/site-web-france/informatique/MyProjects/node_modules/express/lib/router/index.js:335:12)
13:23:54 web.1 | at next (/Users/site-web-france/informatique/MyProjects/node_modules/express/lib/router/index.js:275:10)
13:23:54 web.1 | at urlencodedParser (/Users/site-web-france/informatique/MyProjects/node_modules/body-parser/lib/types/urlencoded.js:91:7)
13:23:54 web.1 | at Layer.handle [as handle_request] (/Users/site-web-france/informatique/MyProjects/node_modules/express/lib/router/layer.js:95:5)
13:23:54 web.1 | at trim_prefix (/Users/site-web-france/informatique/MyProjects/node_modules/express/lib/router/index.js:317:13)
13:23:54 web.1 | at /Users/site-web-france/informatique/MyProjects/node_modules/express/lib/router/index.js:284:7
13:23:54 web.1 | at Function.process_params (/Users/site-web-france/informatique/MyProjects/node_modules/express/lib/router/index.js:335:12)
13:23:54 web.1 | at next (/Users/site-web-france/informatique/MyProjects/node_modules/express/lib/router/index.js:275:10)
13:23:54 web.1 | at expressInit (/Users/site-web-france/informatique/MyProjects/node_modules/express/lib/middleware/init.js:40:5)
13:23:54 web.1 | at Layer.handle [as handle_request] (/Users/site-web-france/informatique/MyProjects/node_modules/express/lib/router/layer.js:95:5)
^C[WARN] Interrupted by User
[DONE] Killing all processes with signal SIGINT
MB-Pro:MyProjects admin$ 13:30:19 web.1 Exited with exit code null
你知道为什么这不起作用吗？需要做什么？
解决方案
正如我在这里看到的，您有一个 Node.js+Mongoose 服务器应用程序和 React 客户端应用程序，因此您尝试在单个 Heroku 应用程序上同时运行。根据我的经验，我会说我无法以这种方式配置应用程序。如果您想花时间，请阅读这篇文章，了解如何在单个 Heroku dyno 上运行两台服务器并尝试重现它。
最好的解决方案是将客户端和服务器部分分成两个独立的项目并分别托管它们。
如果要谈论您的本地尝试，我发现您没有 ENV 文件和 Mongoose 身份验证错误。好像你有你的连接字符串undefined。
推荐阅读
- google-analytics - 在 GA4 数据流中找不到测量协议来创建用于发送事件的 api-secret
- javascript - 如何在javascript中将随机价格变成随机的最小应付现金金额
- javascript - 在 HTML 中将 datetime-local 更改为 DD-MM-YYYY hh:mm
- javascript - 将嵌套字典解析为每个级别元素的数组的功能方法
- python - 将电子邮件添加到谷歌驱动器返回内部错误
- reactjs - 如何在高图表中的折线图上结束x与y相交的十字线
- azure - 在 Azure 应用服务中将 Docker 容器装载为只读文件系统
- python - 对列的唯一值应用函数
- python - Django HTML 用户身份验证
- r - taskscheduler_create() 文件中的错误不存在