如何部署React JS單頁應用程序（SPA）

Question

我使用react router make單頁應用程序，嘗試使用npm run build來構建它，然后將build文件夾上傳到我的網絡服務器，但是我的網站僅顯示背景。 我想知道如何使其工作。

2017-04-26T19：06：27.864737 + 00：00 app [web.1]：npm ERR！ 或者如果不是
可用，您可以通過以下方式獲取其信息：
2017-04-26T19：06：27.864910 + 00：00 app [web.1]：npm錯誤！ npm所有者ls筆記-
應用客戶端
2017-04-26T19：06：27.865077 + 00：00 app [web.1]：npm ERR！ 有可能
上面的其他日志輸出。
2017-04-26T19：06：27.870949 + 00：00 app [web.1]：
2017-04-26T19：06：27.871279 + 00：00 app [web.1]：npm ERR！ 請包括
以下文件以及任何支持請求：
2017-04-26T19：06：27.871450 + 00：00 app [web.1]：npm錯誤！ /app/npm-debug.log
2017-04-26T19：06：27.993054 + 00：00 heroku [web.1]：狀態從開始更改為
崩潰了2017-04-26T19：06：42.961236 + 00：00 heroku [router]：at =錯誤代碼= H10
desc =“ App
崩潰“ method = GET path =” /“ host = educationapp.herokuapp.com
request_id = 72015192-8122-4fba-beb0-69c8f1e38129 fwd =“ 49.228.99.168” dyno =
connect =服務=狀態= 503字節=協議= https
2017-04-26T19：06：43.534651 + 00：00 heroku [router]：at =錯誤代碼= H10 desc =“ App
崩潰”方法=獲取路徑=“ / favicon.ico”主機= educationapp.herokuapp.com
request_id = 83684431-92be-4080-a2f8-7165e21f6c72 fwd =“ 49.228.99.168” dyno =
connect =服務=狀態= 503字節=協議= https
2017-04-26T19：14：57.478915 + 00：00 heroku [router]：at =錯誤代碼= H10 desc =“ App
崩潰“ method = GET path =” /“ host = educationapp.herokuapp.com
request_id = 022a219d-2299-4d23-b713-6bb75497f0e6 fwd =“ 49.228.99.168” dyno =
connect =服務=狀態= 503字節=協議= https
2017-04-26T19：14：57.922975 + 00：00 heroku [router]：at =錯誤代碼= H10 desc =“ App
崩潰”方法=獲取路徑=“ / favicon.ico”主機= educationapp.herokuapp.com
request_id = ae9bf961-22a9-47f8-be5d-234d97f83ca3 fwd =“ 49.228.99.168” dyno =
connect =服務=狀態= 503字節=協議= https

Answer 1

Heroku沒有針對React應用的官方部署buildpack。 因此，您必須使用Mars Hall的 create-react-app-buildpack 。

這是獲得此鏈接 。

請遵循此文檔。 如果您使用create-react-app開始開發，它將對您有幫助。