web-dev-qa-db-fra.com

Jeton inattendu Manifest.json

Bonjour, j'ai poussé un projet react/express vers heroku ( https://polar-oasis-57801.herokuapp.com/ ) et j'ai reçu les erreurs suivantes dans la console: erreur de console Chrome messages

J'ai essayé de rechercher cette erreur et il semble que je doive changer quelque chose dans mon fichier manifest.json mais je ne suis pas sûr. Tout conseil serait utile. Voici mon fichier manifeste:

{
  "short_name": "React App",
  "name": "Create React App Sample",
  "icons": [
    {
      "src": "favicon.ico",
      "sizes": "64x64 32x32 24x24 16x16",
      "type": "image/x-icon"
    }
  ],
  "start_url": ".",
  "display": "standalone",
  "theme_color": "#000000",
  "background_color": "#ffffff"
}

Et aussi mon projet sur Github: https://github.com/bernar83/cat-cards

javascriptnode.jsreactjsexpressmanifest.json
3
Adrian Bernardo

J'ai ajouté cette modification "/cat-cards/" Dans mon fichier server.js alors maintenant c'est app.use("/cat-cards/", express.static("client/build"));. Ajouter ce changement et pousser à Heroku a fait fonctionner mon site Web. Cela m'a aidé: https://github.com/facebook/create-react-app/issues/1812#issuecomment-28651132

0
Adrian Bernardo

Cette erreur signifie que la demande à manifest.json ne renvoie pas de réponse JSON valide. Il renvoie probablement un code HTML, étant donné qu'il échoue en raison d'un démarrage <.

Assurez-vous de lier le manifest.json correctement et veillez à préserver son intégrité dans le processus de déploiement. Essayez de naviguer vers http://yoururl/manifest.json et vérifiez le résultat.

EDIT1: il semble que votre lien vers le manifeste soit rompu. Dans https://github.com/bernar83/cat-cards/blob/master/client/public/index.html , essayez de remplacer

<link rel="manifest" href="%PUBLIC_URL%/manifest.json" />

avec

<link rel="manifest" href="manifest.json" />

EDIT2: vient de vérifier votre lien Heroku et peut confirmer l'erreur. Votre page essaie de trouver le manifest.json sous le chemin /cat-cards/manifest.json ce qui est faux. Il ne doit être que manifest.json

5
gbalduzzi

J'ai eu un problème similaire. Je vais l'ajouter car c'est le post SO où je me suis retrouvé en essayant de le comprendre. J'avais inclus un balisage de favicon généré dans mon fichier "JS non autorisé". Mon manifeste .json est dans mon répertoire src /, donc le balisage collé faisait référence à un manifeste qui n'était pas dans ma racine publique. Le code passe-partout a ensuite renvoyé le "JS non autorisé ici" EJS HTML comme valeur de retour réelle pour le manifest.json, donc le navigateur l'a vu comme JSON mal formé ... Pas idéal.

Donc, si votre routeur va retourner ce genre de chose pour les mauvaises requêtes HTTP, comme Ant Design Pro, cela pourrait être votre problème.

0
scott-joe