Heroku 正在部署旧的反应？答案

【问题标题】：Heroku is deploying old react?Heroku 正在部署旧的反应？
【发布时间】：2018-12-07 14:02:57
【问题描述】：

我使用 laravel 框架（作为 rest api）和 reactjs（渲染视图）。我对我的代码（本地）做了很多更改，然后将其推送到 github 并部署到 heroku。我注意到当 laravel api 工作正常时，react 应用程序正在渲染旧代码版本（我可以使用我添加的路由）。为什么react没有更新？

package.json:

{
    "private": true,
    "scripts": {
        "dev": "npm run development",
        "development": "cross-env NODE_ENV=development node_modules/webpack/bin/webpack.js --progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js",
        "watch": "npm run development -- --watch",
        "watch-poll": "npm run watch -- --watch-poll",
        "hot": "cross-env NODE_ENV=development node_modules/webpack-dev-server/bin/webpack-dev-server.js --inline --hot --config=node_modules/laravel-mix/setup/webpack.config.js",
        "prod": "npm run production",
        "production": "cross-env NODE_ENV=production node_modules/webpack/bin/webpack.js --no-progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js"
    },
    "devDependencies": {},
    "dependencies": {
        "axios": "^0.18",
        "babel-preset-react": "^6.23.0",
        "cross-env": "^5.1",
        "jquery": "^3.2",
        "laravel-mix": "^2.0",
        "lodash": "^4.17.4",
        "popper.js": "^1.12",
        "react": "^16.2.0",
        "react-dom": "^16.2.0",
        "gh-pages": "^2.0.1",
        "react-icons": "^3.2.2",
        "react-redux": "^5.0.7",
        "react-scripts": "1.1.5",
        "redux": "^4.0.0",
        "styled-components": "^4.0.2",
        "react-router-dom": "^4.3.1",
        "redux-thunk": "^2.3.0"
    }
}

【问题讨论】：

是否需要运行类似npm run build 的命令来构建生产资产？检查package.json 的scripts 部分。

标签： reactjs laravel heroku

【解决方案1】：

可能是您的浏览器缓存有问题。不在heroku中。请清除您的浏览器缓存并重新打开您的应用

【讨论】：

我清除了浏览器缓存，并在主页上重命名了 1 个 api 路由，并且 react 正在尝试获取旧的路由（我 100% 确定我在 react config 中更改了它）。

【解决方案2】：

好的，我想通了！我需要在 localhost 上渲染项目以在 public/js 中重新生成 app.js，然后再部署到 heroku -_-'

【讨论】：

仅供参考，您可以自动执行此操作。将"postinstall": "npm run production" 添加到package.json 的scripts 部分。这将使 Heroku 自动构建所有内容作为部署的一部分。见devcenter.heroku.com/articles/…