Firebase 未托管 Angular 4 项目中的所有网页

Firebase not hosting all webpages in Angular 4 project

我正在做一个项目 Link to GitHub whereby I have deploying the website with Firebase as I am already using the Authentication and Database features of Firebase link to live site.

我已经完成了项目的 Quick Start guide,但是,网站上实际上只显示了几个网页。

在我的 app 文件夹中,我有几个组件,包括:dashboard, generation, header, home, listing, login, meal, recipe, recipe-details, scheduleshopping-list。但是只有 home, reciperecipe-details 是唯一起作用的

无法加载的一个组件示例是 login 组件。图像中有一个到按钮的路由设置,但是,它目前在单击时不执行任何操作。 Image of home screen with login button

我已经 运行 ng build --prodfirebase deploy,但该网站仍然无法正常运行。

任何帮助将不胜感激,谢谢。

为遇到此问题的任何其他人发布我的修复程序

app.module.ts 中,我有一个名为 routes 的常量数组,其中包含应用程序的所有路由。

我所做的所有修复工作就是将行 { path: 'login', component: LoginComponent , canActivate: [StorageService]} 更改为 { path: 'login', component: LoginComponent },此后一切正常。

希望这对某人有所帮助