2017-12-11 6 views
0

Ich arbeite an einem Projekt Link to GitHub wobei ich die Website mit Firebase bereitstellen, da ich bereits die Authentifizierungs- und Datenbankfunktionen von Firebase link to live site verwende.Firebase hostet nicht alle Webseiten in Angular 4 Projekt

Ich habe die Quick Start guide mit dem Projekt durchlaufen, aber nur ein paar der Webseiten werden tatsächlich auf der Website angezeigt.

In meinem Ordner app habe ich mehrere Komponenten einschließlich: dashboard, generation, header, home, listing, login, meal, recipe, recipe-details, schedule und shopping-list. Aber nur die home, recipe und recipe-details sind die einzigen, die

Ein Beispiel für eine Komponente Funktionen, die nicht geladen wird, ist die login Komponente. Es gibt eine Routeneinrichtung für die Schaltfläche im Bild, aber beim Klicken wird derzeit nichts unternommen. Image of home screen with login button

habe ich ng build --prod und firebase deploy laufen, aber die Website ist noch nicht funktionell richtig.

Jede Hilfe wäre dankbar, danke.

+0

Funktioniert es lokal, wenn Sie "ng serve" tun? Haben Sie versucht, lokal zu hosten mit 'Firebase serve - only hosting' – Muthukumar

+0

@Muthukumar' ng serve' funktioniert gut, aber mit 'fireBase serve --only hosting' gibt einen 404 Fehler mit dem Hinweis' Fehler beim Laden der Ressource: der Server antwortete mit einem Status von 404 (nicht gefunden) ' –

+0

zeigen Sie Ihre fireBase.JSON-Datei und was ist die Firebase-Admin-Version, die Sie in der Datei package.json verwenden? – Muthukumar

Antwort

0

für alle meine fix Posting anderen, die dieses Problem

In app.module.ts begegnet, habe ich ein const Array Routen genannt, die alle Routen für die Anwendung enthält.

Alles, was ich für den Fix getan habe, war die Linie { path: 'login', component: LoginComponent , canActivate: [StorageService]} zu { path: 'login', component: LoginComponent } zu ändern und alles hat seitdem gut funktioniert.

Hoffe, das hilft jemandem

Verwandte Themen