react-create-app heroku 不是运行应用程序

Question

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

我还添加了 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 显示我的应用程序？

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 不是运行应用程序

react-create-app heroku not running app

heroku

reactjs

create-react-app

react-create-app heroku 不是 运行 应用程序

react-create-app heroku not running app

heroku

reactjs

create-react-app

react-create-app heroku 不是运行应用程序