將Express React Redux模板部署到Heroku的步驟

Question

在Node和部署到Heroku方面的經驗有限。 我已經使用此樣板創建了一些東西： https : //github.com/DimitriMikadze/express-react-redux-starter，但實際上不確定如何設置模板以部署到Heroku。

任何基本步驟都將非常有幫助。 謝謝！

Answer 1

Heroku的文檔實際上真的很棒！ https://devcenter.heroku.com/articles/getting-started-with-nodejs 。 這將引導您完成部署示例存儲庫的過程，但是您上面鏈接到的入門工具包將幾乎完全相同。 我將逐步瀏覽該教程以首先部署Heroku的示例存儲庫，以確保您正確安裝了他們的工具包並大致了解其工作原理，這不會花費很長時間。 然后，我將繼續部署您已構建的應用程序。 我知道您必須進行的一項更改是您放入Procfile中的內容 。 您的外觀將如下所示： web: npm run build && npm start希望對您有所幫助！

Answer 2

Heroku + NodeJS入門教程非常有用。 擺弄到Heroku后，我意識到我的問題如下：

1. pm2依賴關系-根據建議，我將其刪除，並將npm start腳本替換為PORT=8080 node start ./server.js

但是，這導致了單獨的問題：

A.“開始”未定義，B。我收到了一個Heroku錯誤“ web-process-failed-to-bind-to-port”，C。缺少Webpack和其他依賴項

通過簡單地刪除硬編碼的端口並“啟動”-因此腳本現在僅是node ./server.js ，並且修復了所有devDependencies並將我的Heroku配置設置為NPM_CONFIG_PRODUCTION: false現在可以正常工作！ 好哇。 感謝您的協助。