在 angular6 中执行我的项目时，它只执行 index.html 页面，原因是啥？

Posted 2023-03-13

【中文标题】在 angular6 中执行我的项目时，它只执行 index.html 页面，原因是啥？

【英文标题】：While executing my project in angular6 its executing only index.html page only, what are the reasons?在 angular6 中执行我的项目时，它只执行 index.html 页面，原因是什么？

【发布时间】：2019-04-29 06:53:13

【问题描述】：

我为登录表单创建了一个项目，这里附上程序截图，

在执行我的项目时，它只显示索引页面并等待了一段时间，但仍然只显示索引页面，这里附上输出截图，

【问题讨论】：

你想显示什么而不是索引页面？登录页面？

用户名和密码字段，带有登录按钮和注册页面链接。

我已经添加了一个带有步骤的答案，请查看！

【参考方案1】：

如果您想在用户为应用程序提供服务时将登录页面显示为默认页面，那么您必须配置您的app.module.ts 来处理这些类型的 URL。因此，您需要的更改如下：

在app.module.ts:

从angular/router 导入RouterModule：

import  RouterModule  from '@angular/router';

并在导入数组中添加

RouterModule.forRoot([
       path: '', redirectTo: '/login', pathMatch: 'full' ,
       path: 'login', component: LoginComponent 
])

在 app.component.html 中：

<router-outlet></router-outlet>

【讨论】：

它不工作，仍然只显示索引页。

@Harshi 检查我的更新答案！在 forRoot 数组中添加了登录组件的路径

Pimaple 现在正在工作。感谢您的耐心帮助。

【参考方案2】：

这是因为当我们运行 ng-serve 来启动我们的服务器时，它会创建 javascript 包并自动将正确的导入添加到我们的 index.html 中。

为了让您的 app.component.html 在 localhost:4200 中显示，请将 <router-outlet></router-outlet? 添加到您的 index.html。