Create-React-App sur Github-pages renvoie une page vide

Question

Lors d'un test en local, mon application create-react-quiz fonctionne parfaitement. Je fondais mon projet sur ce code: https://github.com/mitchgavan/react-multi-choice-quiz/tree/gh-pages.

Cependant, quand j'utilise construire NPM déployer sur ma branche « GitHub-pages », une page blanche apparaît et ces erreurs apparaissent dans la console: pk8189.github.io/:1 GET pk8189.github. io/pk8189/futureU-/statique/css/main.1dc4d41f.css pk8189.github.io/:1 GET pk8189.github.io/pk8189/futureU-/static/js/main.28e294a0.js

Ceci est mon repo: https://github.com/pk8189/futureU- Selon vous, quel est le problème? Merci pour toute aide.

Answer 1

Créer une application React utilise le champ homepage dans votre package.json pour déterminer l'URL à laquelle l'application est exposée. Puisque vous set it to https://github.com/pk8189/futureU-/, il essaie de demander des actifs de /pk8189/futureU-/ qui n'existe pas.

Remplacez homepage par votre URL déployée: https://pk8189.github.io/futureU-/. Reconstruisez ensuite en exécutant npm run build et redéployez-le.

Ceci est décrit dans deployment instructions for GitHub Pages. Veuillez lire cette partie du Guide de l'utilisateur.