/ / Angular 4 Firebase Hosting-Projekt - eckig, Firebase, Firebase-Datenbank, Firebase-Hosting

Eckiges 4 Firebase-Hosting-Projekt - eckig, Firebase, Firebase-Datenbank, Firebase-Hosting

Ich möchte mein eckiges 4-Projekt auf Firebase bereitstellen Ich hatte diesen Link gelesen Stapelüberlauffrage ..Ich habe alle Schritte befolgt (Baue das Projekt usw.) und Firebase hat mir eine URL gegeben, um mein bereitgestelltes Projekt zu sehen. Auf diesem Link sehe ich jedoch nur dieses Bild.

Wie soll ich das Projekt hochladen? Ist nur der Build-Ordner genug, um die gesamte Anwendung hochzuladen oder muss ich etwas mehr manuell machen ??? Bildbeschreibung hier eingeben

Antworten:

1 für die Antwort № 1

Wenn du es benutzt @angular/cli um das Projekt zu bauen, willst du dein firebase.json Datei, die wie folgt eingerichtet wird (ohne Berücksichtigung der Datenbank und anderer Regeln):

{
"hosting": {
"public": "dist",
"rewrites": [
{
"source": "**",
"destination": "/index.html"
}
]
}
}

Sie wollen sicher sein, dass die firebase.json Datei befindet sich auf derselben Verzeichnisebene wie die .angular-cli.json und der eingebaute "dist" -Ordner, der vom CLI generiert wurde.

Die Struktur sollte so aussehen:

dist/
e2e/
src/
.angular-cli.json
firebase.json

Lauf ng build --prod dann firebase deploy auf der gleichen Ebene wie firebase.json und beim Erfolg gehen Sie zu der URL, die die Befehlszeilennachricht von firebase-tools. Ich würde einen "leeren Cache und Hard Reload" tun, um den Cache zu löschen, wenn Sie Chrome verwenden.

Wenn Sie auf die Firebase-Konsole für das Projekt gehen, in der Hosting Dashboard, die Anzahl der Dateien in der /dist Der Ordner sollte der Anzahl der Dateien entsprechen, die im letzten Eintrag von "Deployment History" aufgeführt sind.

Hoffentlich hilft das!