angular2 路由问题

Uncaught (in promise): Error: Cannot match any routes. URL Segment: 'main'

这个问题的处理很简单,是路由的路径写错了,

import { NgModule } from '@angular/core';
import { Routes, RouterModule } from '@angular/router';
import {loginComponent} from './login/login.component';
import{indexComponent} from "./index/index.component";
import {mainComponent} from "./main/main.component";
const routes: Routes = [
 {path:'login',component:loginComponent},
 {path:'index',component:indexComponent,children:[
   {path:"main",component:mainComponent},
   {path:'',redirectTo:'/main',pathMatch:'full'}
   ]},
 {path:'',redirectTo:'/index',pathMatch:'full'}
];

@NgModule({
  imports: [RouterModule.forRoot(routes)],
  exports: [RouterModule],
})
export class MyRoutingModule { }

我的情况是在父组件中调用子路由的时候,出现这个问题的,大家只需要更改一个地方,

{path:'',redirectTo:'main',pathMatch:'full'}

把main 前的斜杠去了就好了,我想问题的原因是因为调用的是子路由,不用出现斜杠吧,这样就尴尬了!

反正问题是解决了解决了

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏月色的自留地

两种方法操作其它mac应用的窗口

1305
来自专栏石瞳禅的互联网实验室

微信JS-SDK分享功能的.Net实现

为了方便开发者实现微信内的网页(基于微信浏览器访问的网页)功能,比如拍照、选图、语音、位置等手机系统的能力,并方便开发者直接使用微信分享、扫一扫等微信特有的能力...

451
来自专栏Objective-C

Swift-MVVM 简单演练(三)

2633
来自专栏xingoo, 一个梦想做发明家的程序员

大数据之Oozie——源码分析(一)程序入口

工作中发现在oozie中使用sqoop与在shell中直接调度sqoop性能上有很大的差异。为了更深入的探索其中的缘由,开始了oozie的源码分析之路。今天第...

2417
来自专栏TechBox

跟着官方文档学习3D Touch前言(一)app外3D Touch—Home Screen Quick Actions(二)app内的3D Touch - Peek and Pop名词解释

2114
来自专栏数据之美

Web 自动化测试与智能爬虫利器:PhantomJS 简介与实战

估计部分同学没听过这个工具,那先简单介绍下它的背景与作用。 1、PhantomJS 是什么? PhantomJS是一个基于WebKit的服务器端JavaScri...

3489
来自专栏跟着阿笨一起玩NET

总结DevExpress10个使用技巧

971
来自专栏walterlv - 吕毅的博客

让控制台支持 ANSI 转义序列,输出下划线、修改颜色或其他控制

发布于 2018-08-05 06:24 更新于 2018-09...

411
来自专栏Objective-C

Swift-MVVM 简单演练(二)

3204
来自专栏菩提树下的杨过

关于Membership/Role您可能不知道的细节

1.关于System.Web.Security.Membership.ValidateUser("username", "password") 每次调用这个时,...

17310

扫码关注云+社区