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

Question

我正在开发一个项目Link to GitHub，我已经使用Firebase部署了该网站，因为我已经在使用Firebase link to live site的身份验证和数据库功能。

我已经浏览了Quick Start guide项目，但是，网站上只显示了几个网页。

在我的app文件夹中，我有几个组件，包括：dashboard, generation, header, home, listing, login, meal, recipe, recipe-details, schedule和shopping-list。但只有home, recipe和recipe-details才是唯一有效的

一个不会加载的组件的示例是login组件。在图像中有一个设置到按钮的路径，但是，它当前在点击时没有做任何事情。 Image of home screen with login button

我已经运行ng build --prod和firebase deploy，但网站仍然没有正常运作。

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

Answer 1

针对遇到此问题的其他人发布我的修补程序

在<Link>中，我有一个名为routes的const数组，其中包含应用程序的所有路由。

我为解决方案所做的只是将行app.module.ts更改为{ path: 'login', component: LoginComponent , canActivate: [StorageService]}，从那时起一切正常。

希望这有助于某人