Ruby on rails 使用Heroku和React/Rails部署Web包

我目前正在开发一个应用程序，使用react作为前端，rails作为后端，所有这些都使用webpack。我决定使用Heroku部署我的应用程序，但遇到了一些麻烦。我的生产前端很糟糕，但我的后端API工作得很好（生产中的请求是正确的）。应用程序在本地正确运行

这是我的Heroku应用程序的链接：

这是my package.json：

{
  "name": "jogging-app",
  "private": true,
  "dependencies": {
    "@babel/preset-react": "^7.12.10",
    "@rails/actioncable": "^6.0.0",
    "@rails/activestorage": "^6.0.0",
    "@rails/ujs": "^6.0.0",
    "@rails/webpacker": "5.2.1",
    "ajax-request": "^1.2.3",
    "antd": "^4.11.1",
    "axios": "^0.21.1",
    "babel-plugin-transform-react-remove-prop-types": "^0.4.24",
    "jquery": "^3.5.1",
    "node-fetch": "^2.6.1",
    "prop-types": "^15.7.2",
    "react": "^17.0.1",
    "react-dom": "^17.0.1",
    "react-router-dom": "^5.2.0",
    "turbolinks": "^5.2.0"
  },
  "version": "0.1.0",
  "devDependencies": {
    "webpack-dev-server": "^3.11.2"
  },
  "engines": {
    "yarn": "1.22.4"
  }
}

我还尝试运行以下命令来安装依赖项：

heroku run bundle install

heroku run yarn install

---

使用react Web包时是否有适当的配置来部署应用程序？

您如何处理react部分的CSS？你的application.css是空的，你说你正在用webpacker处理所有的react代码，也许你脑子里缺少了一个

样式表\u pack\tag:application

，还有

javascript\u pack\tag:application

，你应该已经有了（或者可能是

样式表\u pack\u标记：index

，因为它是您的react入口点的名称）在我的application.html.erb布局中，我只有、、标记，而在javascript文件夹中，我只有一个custom.css文件，其中没有太多css，因为我使用ant design作为前端。出于某种原因，您的资产/css/application.css是空的。如果您的webpacker文件夹中有一个

custom.css

文件，那么您也需要链接它。您需要如何链接你在使用ant设计框架吗？你应该显示你的css相关文件