Angular 2收到“错误：无法匹配任何路线：”

Question

In my Angular 2 app (RC4), when the index.html opens, I get the error Error: Cannot match any routes: '' I know this has been asked before, but none of the answers in those cases seems to apply to me; that is, I"m already doing everything recommended to fix this. I have

<base href="/">

in my head element (also tried

<base href=".">

which makes no difference at all). I have the following in my app.route.ts:

export const routes: RouterConfig = [
  { path: '', redirectTo: '/instruction-steps', pathMatch: 'full'},
  { path: 'settings', component: SettingsComponent },
  { path: 'find-and-replace', component: FindAndReplaceComponent },
  { path: 'instruction-steps', component: InstructionStepsComponent }
];

The page does render correctly, and my routes to the other views work. If I reload the page, however, I'll not only get the error, but the page does not render.

This is running on lite-server, not ASP.NET.

Answer 1

由于信誉低，我无法发表评论，但是您是否在asp.net中使用angular 2，那么您必须在startup.cs中添加代码，以在找不到路由时指向使用index.html。

Answer 2

Have you tried to change the order and put like that:

export const routes: RouterConfig = [
  { path: 'settings', component: SettingsComponent },
  { path: 'find-and-replace', component: FindAndReplaceComponent },
  { path: 'instruction-steps', component: InstructionStepsComponent }
  { path: '', redirectTo: '/instruction-steps', pathMatch: 'full'}
];

Answer 3

Here are a few tips to watch out for:

1. Be sure that modules are properly defined as @NgModule .
2. Be sure that routing modules are properly added to imports for the module.
3. Be sure that paths are spelled correctly (eg "item" vs. "items")
4. Be sure that each module is added to the main App Module.

Please note that this is as of the Final release of Angular 2.