react-create-app heroku nicht laufende app

Question

Ich habe eine react app mit dieser buildpack erstellt.

ich auch reagieren Router hinzugefügt, so dass mein index.js nun wie folgt aussieht:

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(); 

Wenn ich diese lokal ausführen es macht Ansicht meiner home.js. Ich mache aber wenn

git push heroku master 

Ich bekomme einen erfolgreichen Build, aber wenn ich öffnen Sie die App über die Heroku URL

ich immer noch die Standard-Seite sagen:

Willkommen

reagieren

Um zu beginnen, bearbeiten Sie src/App.js und speichern Sie, um neu zu laden.

Wie bekomme ich Heroku, um meine App anzuzeigen?

Answer 1

Sie müssen react app vor der Bereitstellung auf Heroku erstellen.

Es ist ein Werkzeug, um diesen Prozess zu automatisieren

create-react-app-buildpack

Die Schritte, die erforderlich sind folgende

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