Question

我收到了角度路线错误

未捕获（承诺）：错误：无法匹配任何路线。网址细分：＆＃39; null＆＃39; 错误：无法匹配任何路由。网址细分：＆＃39; null＆＃39;在ApplyRedirects.webpackJsonp ... / .. / .. / router / @ angular / rrou.es5.js.ApplyRedirects.noMatchError

以下是我的路线对象：

export const ROUTES: Routes = [
  { path: '', component: TrendsComponent},
  { path: 'trends', component: TrendsComponent }
];

我正在使用@ angular / router 4.0.0

Answer 1

尝试按照以下方式设置路线，使用redirectTo将用户路由到路径＆＃34; / trend＆＃34;在启动时。

确保将RouterModule导入NgModule。对于根模块或类似模块，您可以使用RouterModule.forRoot(ROUTES)，对于功能模块，您可以使用RouterModule.forChild(ROUTES)。请务必在根目录和任何功能模块中包含<router-outlet></router-outlet>。

const ROUTES: Routes = [
  { path: 'trends', component: TrendsComponent },
  { path: '', redirectTo: '/trends', pathMatch: 'full' }
];

@Component({
  selector: 'my-app',
  template: `
    <div>
      <h2>Hello World</h2>
      <p>Redirect to path /trends component is occurring on startup</p>
      <router-outlet></router-outlet>
    </div>
  `,
})
export class App {}

@NgModule({
  imports: [ BrowserModule, RouterModule.forRoot(ROUTES) ],
  declarations: [ App, TrendsComponent ],
  bootstrap: [ App ]
})
export class AppModule {}

这是展示功能的plunker。

更新： plunker已更新，以显示声明和导入子路由和模块（非延迟加载）。

希望这有帮助。

Angular 2无法匹配Route错误

1 个答案: