打開時，heroku中托管的React項目失敗

Question

所以使用運行良好的bitbucket管道向Heroku部署了一個React項目，但現在似乎無法讓heroku打開項目，我的package.json中沒有腳本npm start，建議創建一個文件Procfile是一個txt和里面有

web：index.html

在我的webpack中：

entry: {
    bundle: './src/index.js'
},
output: {
    publicPath : '/',
    path: path.resolve(__dirname,'build'),
    filename: '[name].[chunkhash].js'
},

並在package.json中

 "scripts": {
    "heroku-prebuild": "npm install --only=dev",
    "clean": "rimraf build",
    "build": "npm run clean && webpack -p",
    "serve": "webpack-dev-server --progress --colors"
  },

在heroku日志獲取：

heroku [router]：at = error code = H10 desc =“App crashed”method = GET path =“/”host = projectname.herokuapp.com request_id = a2bc33da-f938-4d7b-9395-b40442f9b2c0 fwd =“88.157.88.35” dyno = connect = service = status = 503 bytes = protocol = https

heroku [router]：at = error code = H10 desc =“App crashed”method = GET path =“/ favicon.ico”host = projectname.herokuapp.com request_id = b2de2bdf-528e-4f97-9fe9-7f313e025ebd fwd =“88.157 .88.35“dyno = connect = service = status = 503 bytes = protocol = https

不使用create-react-app，如果可能的話，不想添加node express來指向反應項目https://blog.bitsrc.io/react-production-deployment-part-3-heroku-316319744885

所以我需要指向Procfile中的build / index.html嗎？ 或者是所有示例所見的其他方式是關於create-react-app和node express ....

Answer 1

能夠在下面的博客中找到解決方案，其中默認情況下，如果缺少procfile，則運行默認npm start命令或在Procfile中添加行web: npm start並在博客中聲明package.json中的start命令運行serve -s build ，其中serve是一個包，指向build文件夾所在的bundle和index.html文件，現在它已經運行良好。 Heroku應該有一個默認選項指向一個默認文件夾..但所有嘗試失敗的嘗試...所以感謝@Bernard Bado和他的博客指向解決方案。