reactjs - 如何将 React 构建文件夹部署到 Heroku

Question

我在互联网上四处寻找，找到了 this medium article使用服务。文章将 packange.json 文件修改为:

"scripts": { 
  "dev": "react-scripts 
  "start", "start": "serve -s build", 
  "build": "react-scripts build", 
  "test": "react-scripts test --env=jsdom",
  "eject": "react-scripts eject", 
  "heroku-postbuild": "npm run build" 
},

现在这在开发中有效。我收到控制台日志说内容已缓存以供离线使用。而 google Lighthouse 给了我 >90% 的渐进式网络应用程序。问题是，当我部署到 Heroku 时，它会在构建期间运行 package.json 脚本中指定的 npm run build。但是在打开应用程序时，我获得了 21% 的性能，以及 50% 的 firehouse 渐进式网络应用程序。此外，它还说 service worker 未注册。这意味着它不是从构建文件夹提供的。另外，我在开发机器上运行了 npm build myself 并将项目与 build 文件夹一起部署，但结果仍然相同。现在我也绕过来了this other article建议使用 node.js 服务器并将 package.json 中的脚本更改为:

start: "node server.js"

我对 node.js 一无所知，所以我决定在这里咨询以获得更好的选择。

编辑:如果需要服务器命令，例如第二篇中型文章中的 node.js 和下面 Garesh 的 php 代码 - 如果有人可以帮助使用 python(django) 中的类似代码，那就太好了

Answer 1

在这个在线评论中找到了答案:

在部署应用程序之前，请转到:Heroku 仪表板 > 设置 > buildpacks > 添加 buildpacks 然后添加 github.com/mars/create-react-app-b...

或者，您可以在命令行中执行

heroku buildpacks:set github.com/mars/create-react-app-b...

如果您不执行此步骤，heroku 将部署您的 React 应用程序的开发构建(速度较慢)，而不是优化的生产构建。