Angular 2获得"错误:无法匹配任何路线:''"

时间:2016-07-20 18:48:45

标签: angularjs angular

在我的Angular 2应用程序(RC4)中,当index.html打开时, 我收到错误错误:无法匹配任何路由:'' 我知道以前曾经问过,但这些案件的答案似乎都不适用于我;也就是说,我已经做了一切建议来解决这个问题。 我有

<base href="/">

在我的头元素中(也尝试了

<base href=".">

完全没有区别)。 我的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 }
];

页面确实正确呈现,我到其他视图的路由也有效。但是,如果我重新加载页面,我不仅会收到错误,而且页面也不会呈现。

这是在lite-server上运行,而不是ASP.NET。

3 个答案:

答案 0 :(得分:0)

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

答案 1 :(得分:0)

您是否尝试更改订单并按此说明:

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'}
];

答案 2 :(得分:0)

以下是一些需要注意的提示:

  1. 确保模块已正确定义为@NgModule
  2. 确保将路由模块正确添加到模块的导入中。
  3. 确保路径拼写正确(例如&#34; item&#34; vs.&#34; items&#34;)
  4. 确保将每个模块添加到主App Module。
  5. 请注意,这是Angular 2的最终版本。