【问题标题】:react-create-app heroku not running appreact-create-app heroku 没有运行应用程序
【发布时间】:2017-09-04 21:18:18
【问题描述】:

我用这个buildpack 创建了一个反应应用程序。

我还向它添加了 react 路由器,所以我的 index.js 现在看起来像这样:

import React from 'react';
import ReactDOM from 'react-dom';
import Home from './views/Home';
import CreateRestaurant from './views/CreateRestaurant';
import registerServiceWorker from './registerServiceWorker';
import {
    BrowserRouter as Router,
    Route
} from 'react-router-dom';


ReactDOM.render(
    <Router>
        <div>
            <Route exact path="/" component={ Home }/>
            <Route path="/createRestaurant" component={ CreateRestaurant }/>
        </div>
    </Router>,
    document.getElementById('root')
);
registerServiceWorker();

当我在本地运行它时,它会呈现我的 home.js 视图。但是当我这样做时

git push heroku master

我获得了成功的构建,但是当我通过 heroku URL 打开应用程序时

我仍然得到标准页面说:

欢迎使用 React

要开始,编辑 src/App.js 并保存以重新加载。

如何让 heroku 显示我的应用程序?

【问题讨论】:

  • 您是否在将应用部署到 Heroku 之前构建了应用?
  • 实际上没有,因为看起来构建是在应用程序被推送到 heroku master 时创建的
  • 您不需要在部署之前创建构建。你的 webpack 配置可能有问题。尝试在本地构建并提供构建服务
  • @Swapnil 我在哪里可以找到这个 buildpack 的 webpack 配置?它似乎不在我的目录中

标签: reactjs heroku create-react-app


【解决方案1】:

在部署到 heroku 之前,您必须构建 react 应用程序。

有一个工具可以自动化这个过程

create-react-app-buildpack

需要的步骤如下

heroku create $APP_NAME --buildpack https://github.com/mars/create-
react-app-buildpack.git
git add .
git commit -m "Start with create-react-app"
git push heroku master
heroku open

【讨论】:

  • 这是我使用的 buildpack。但是,当我推送到 heroku master 时,我仍然会得到标准页面
  • 这有帮助!我必须做一个git add 。
猜你喜欢
  • 2020-07-29
  • 2021-04-04
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2020-10-08
  • 2020-12-09
  • 1970-01-01
  • 2020-01-21
相关资源
最近更新 更多