Angular 角度8路由:更改URL不会';无法导航到所需页面

Angular 角度8路由:更改URL不会';无法导航到所需页面,angular,browser,url-routing,Angular,Browser,Url Routing,我正在创建一个包含两个组件的简单角度项目:home和submit。我的应用程序路由.module.ts如下所示: import { NgModule } from '@angular/core'; import { Routes, RouterModule, ActivatedRoute } from '@angular/router'; import { HomeComponent } from './home/home.component'; import { SubmitComponent

我正在创建一个包含两个组件的简单角度项目:homesubmit。我的应用程序路由.module.ts如下所示:

import { NgModule } from '@angular/core';
import { Routes, RouterModule, ActivatedRoute } from '@angular/router';
import { HomeComponent } from './home/home.component';
import { SubmitComponent } from './submit/submit.component';


const routes: Routes = [
  { path: 'home', component: HomeComponent },
  { path: 'submit', component: SubmitComponent },
  { path: '', redirectTo: '/home', pathMatch: 'full' }
];

@NgModule({
  imports: [ RouterModule.forRoot(routes) ],
  exports: [ RouterModule ]
})
export class AppRoutingModule { }
在我的浏览器中,如果我更改/submit的路径,页面看起来会重新加载,然后默认返回/home。我已尝试将路径:'更改为路径:'**'。它不会导航到提交组件。你知道我做错了什么吗

角度8.2.14
Google Chrome

您的路由配置没有任何问题。除此之外,我们没有足够的信息来帮助您确定您的问题

当我被问及这个问题时,通常是以下问题之一:

  • index.html
    head
    元素中缺少

  • 未将AppRoutingModule导入AppModule

  • 失踪 父组件中的元素

  • 我在评论中看到,您的index.html文件中有
    ,所以我们现在将忘记这个

    从这里开始:

    检查以确保正在App.Module.ts文件中导入您的
    AppRoutingModule

    如果这不是问题所在,请确保在父组件中有
    元素(基于应用程序的简单性,可能是app.component.html)。角度路由器搜索与URI匹配的路由,并将路由配置中指定的组件实例注入到组件树中较高的最近的
    路由器出口中。换句话说,如果没有
    路由器出口
    ,角度路由器不知道在何处渲染在路由配置中指定的组件


    如果这两个都不能解决您的问题,请尝试发布更多信息,以便我们能够进一步提供帮助。至少可以查看app.module.ts和app.component.html文件。或者,尝试在中重新创建应用程序并发布链接。

    您在浏览器控制台中是否看到任何错误?否。您是否在index.html标题中添加了
    ?是。我确实在index.htmlh中有它。你的应用程序路由模块看起来怎么样?请分享更多细节。