web-dev-qa-db-fra.com

L'hébergement Firebase n'apparaît pas dans l'application?

Je suis nouveau sur Firebase et j'essaie de déployer mon application sur Firebase. J'ai suivi toutes les étapes. Mais, pour une raison quelconque, ne montre pas mon application. Je reçois le modal de bienvenue au lieu de mon application Web. Voici les images: enter image description here

enter image description here

firebasefirebase-hosting
18
user7960664

C'est parce que le index.html s'est modifié lorsque vous avez sélectionné "Y" while initialisation the firebase. Il a essentiellement remplacé votre propre fichier d'index par celui-ci. Vérifiez et remplacez le fichier d'index et la prochaine fois, n'écrasez pas le fichier index.html. Ça marcherait.

6
Stepres stepres

Les étapes à déployer sont les suivantes

ÉTAPE 1:

ng build --prod

ÉTAPE 2:

firebase init

    *Are you ready to proceed?* Yes

    *What do you want to use as your public directory?* dist/{your-application-name}

    *Configure as a single-page app (rewrite all urls to /index.html)?(y/N)* Yes

    *File dist/{your-application-name}/index.html already exists. Overwrite?(y/N)* No

ÉTAPE 3:

firebase deploy --only hosting

Et si vous obtenez toujours la même page, appuyez simplement sur 'CTRL + F5', cela nettoiera le cache.

3
Himanshu

L'hébergement Firebase n'apparaît pas dans l'application?

Il peut y avoir deux raisons à ce problème

1ère étape:

Assurez-vous que votre dossier public (défini dans votre firebase.json) 'dist' contenant le index.html n'a pas été modifié par la commande init de firebase, si oui, remplacez-le par votre projet original index.html

pour référence (dist est standard mais votre peut être différent)

{
  "hosting": {
    "public": "dist"    
  }
}

2ème étape:

Assurez-vous de configurer votre href de base dans le fichier index.html du projet

comme

< base href="https://["YOUR FIREBASE PROJECT NAME"].firebaseapp.com/">

et d'autres fichiers groupés comme

< script type="text/javascript" src="https://["YOUR FIREBASE PROJECT NAME"].firebaseapp.com/runtime.a66f828dca56eeb90e02.js"></script>

< script type="text/javascript" src="https://["YOUR FIREBASE PROJECT NAME"].firebaseapp.com/polyfills.14fc14f3e029a8cfd046.js"></script>

< script type="text/javascript" src="https://["YOUR FIREBASE PROJECT NAME"].firebaseapp.com/main.2eb2046276073df361f7.js"></script>

3ème étape, exécutez la commande firebase deploy

prendre plaisir ! ;)

2
Hammad J

J'ai fait face au même problème. Dans mon cas, le problème n'était pas lié à Firebase. Vider simplement le cache était la solution.

2
Varun Kumar P

J'avais couru vers ce problème et

Si quelqu'un a rencontré les mêmes après avoir utilisé la commande init de firebase,

vérifiez votre fichier index.html dans votre dossier public (pour réagir).

il a peut-être été remplacé par Firebase.

afin de dire à firebase de ne pas remplacer votre fichier index.html existant,

tapez 'N' lorsque Firebase vous demande si vous souhaitez remplacer le fichier index.html existant

1
aj go

Pour moi, le problème était que j'ai donné un chemin absolu vers l'emplacement de mon application, firebase init semble ne prendre qu'un chemin relatif.

1
Ditiz

Depuis Angular v6 rendent plus facile d'avoir plusieurs applications avec des bases de code partagées. D'où le nouveau dossier dans dist.

Citant la réponse dotGitignore:

J'ai trouvé que la construction ng --prod créera un dist et un autre sous-dossier sous celui-ci où se trouve l'emplacement du projet.

Vérifiez comment le réparer ici https://stackoverflow.com/a/50360478/1165224

0
Mario Orozco

Lorsque vous avez exécuté firebase init Firebase crée une structure de fichiers dans votre dossier de projet et en fonction des sélections que vous avez effectuées, il a créé un dossier/public (ou un autre nom si vous avez spécifié) pour vos fichiers publics. Dans ce dossier/public, il crée également un fichier index.html contenant le message de bienvenue que vous voyez. Vous devez prendre vos fichiers d'application (pages Web, etc.) et les déplacer dans ce dossier public et remplacer ce fichier index.html avec eux. Après cela, exécutez la commande "firebase deploy" et elle se mettra à jour et vous devriez voir votre application.

0
Dan N.

Si vous voyez ce qu'il y a dans cette capture d'écran, il y a un autre fichier index.html Généré par Firebase, et il pointe vers celui-ci au lieu du vôtre. Voici comment y remédier:

  1. Supprimez le index.html Généré par Firebase et conservez le vôtre.
  2. Redéployez à l'aide de firebase deploy
0
Toby Ladislas

après la commande firebase init, accédez au dossier public ou dist et sélectionnez tous les fichiers (pas les dossiers) à l'exception des fichiers liés à firebase et copiez-les dans le dossier dist ou public. Après cela, exécutez la commande firebase deploy et attendez un moment. Après avoir terminé, accédez à l'URL mentionnée, vous y trouverez votre application de travail.

0
muhammad asif