react-create-app herokuが実行していないアプリ

Question

私はこのbuildpackで反応するアプリを作成しました。私はローカルでこれを実行すると

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ビューをレンダリングする：私のindex.jsは次のようになりますように、私も追加

は、それにルータを反応させます。しかし、私がやるとき

git push heroku master 

は私が成功したビルドを取得するが、私はHerokuのURLを経由してアプリを開くと

私はまだ標準ページことわざ取得：

ようこそ

を反応させることを

開始するには、src/App.jsを編集して保存し直してください。

私のアプリを表示するにはどうすればよいですか？

Answer 1

herokuに展開する前にリアクションアプリを構築する必要があります。

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