1
votes

L'application React a planté avec Heroku après le déploiement

J'essaye de déployer une nouvelle application React sur Heroku. Je l'ai déjà fait sans problème, mais cet après-midi, j'ai cette erreur:

Le message d'erreur complet est:

npm install && npm install --only=dev --no-shrinkwrap && npm run build

J'ai essayé de nombreuses solutions exposées ici: Erreur de déploiement Heroku H10 (application plantée)

Sans succès.

J'ai redémarré (plusieurs fois) le dynamomètre: sans succès.

Mon heroku-postbuild est:

heroku[router]: at=error code=H10 desc="App crashed" method=GET path="/" host=XXXhiddenXXX.herokuapp.com request_id=199e3ff6-54c9-4711-bb1c-b6775dfe8799 fwd="92.148.12.118" dyno= connect= service= status=503 bytes= protocol=https

Peut-être c'est ce script qui génère cette erreur?

reactjs heroku

3 commentaires

Pouvez-vous publier la sortie de heroku logs —tags ?

Consultez cette réponse à une question similaire stackoverflow.com/a/17004592/1680765 . Vous pouvez également modifier votre commentaire précédent pour masquer le sous-domaine.

Oui j'ai lu aussi ce post. Mais je ne l'ai pas compris. Quel est ce port? J'ai une application de réaction, sans "retour". Je ne sais pas où puis-je travailler? ajouter .env quelque part?

3 Réponses :

1
votes

Je trouve cette solution:

J'ai ajouté un buidpack sur mon projet. Pour ce faire:

accédez à votre tableau de bord, onglet "Paramètres"
voir la section 'buildpacks':

Ajoutez le buildpack https://github.com/mars/create-react-app-buildpack.git

note: vous pouvez également ajouter ce pack de construction depuis votre terminal:

heroku buildpacks:add https://github.com/mars/create-react-app-buildpack.git --app YOURAPP

Reconstruisez votre application et c'est tout.

Je dois admettre que je n'ai pas tout compris, mais il est clair que cela a fonctionné pour moi.

0 commentaires

0
votes

Le buildpack par défaut lors du déploiement est celui de node.js. Vous deviez utiliser le buildpack create-react-app (comme indiqué ci-dessous).

heroku create $APP_NAME --buildpack mars/create-react-app
git push heroku master
heroku open

0 commentaires

0
votes

L'application doit être exécutée sur un port Heroku à l'aide d'Express.

Étape 1: Ajoutez le fichier server.js à votre projet ajoutez ce qui suit:

var express  = require('express');
var app      = express();                               
var morgan = require('morgan');            
var bodyParser = require('body-parser');    
var cors = require('cors');
 
app.use(morgan('dev'));                                        
app.use(bodyParser.urlencoded({'extended':'true'}));            
app.use(bodyParser.json());                                     
app.use(cors());
 
app.use(function(req, res, next) {
  res.header("Access-Control-Allow-Origin", "*");
  res.header('Access-Control-Allow-Methods', 'DELETE, PUT');
  res.header("Access-Control-Allow-Headers", "Origin, X-Requested-With, Content-Type, Accept");
  next();
});
 
app.use(express.static('build'));
app.set('port', process.env.PORT || 5000);
app.listen(app.get('port'), function () {
  console.log('Express server listening on port ' + app.get('port'));
});

Étape 2: Npm Installez morgan, express et cors

Étape 3: Dans package.json, modifiez le " démarrer "dans les scripts vers" node server.js "

Étape 4: Valider et pousser vers Heroku.

Étape 5: strong > Actualisez votre page.

De rien ...

0 commentaires