Question

我使用此buildpack创建了一个反应应用。

我还添加了反应路由器，所以我的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显示我的应用程序？

Answer 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

react-create-app heroku没有运行应用程序

1 个答案: