Javascript 角度2页路由错误

Javascript 角度2页路由错误,javascript,typescript,angular,Javascript,Typescript,Angular,问题 为什么我不能刷新路由页面而不出错 问题 我在指令中获得了一个onSelect,并尝试将PageComponent加载到中。这实际上是可行的,当您单击测试导航链接时,您可以看到我的页面已加载 在我的真实代码中,如果我点击它,url将变为http://localhost:3000/page/10(10只是一些id,不相关)。如果我现在刷新页面,我会得到错误 它似乎在错误的路径上搜索.js文件,而不是在/page/node\u modules上搜索/node\u modules/ 错误 获取 获

问题

为什么我不能刷新路由页面而不出错

问题

我在
指令中获得了一个
onSelect
,并尝试将
PageComponent
加载到
中。这实际上是可行的,当您单击测试导航链接时,您可以看到我的页面已加载

在我的真实代码中,如果我点击它,url将变为
http://localhost:3000/page/10
(10只是一些id,不相关)。如果我现在刷新页面,我会得到错误

它似乎在错误的路径上搜索.js文件,而不是在
/page/node\u modules
上搜索
/node\u modules/

错误

获取
获取
获取
获取
获取
得到
获取
获取
获取
获取
未捕获引用错误:未定义系统

设置

我试图在plunkr上树立我的榜样。但我想你不能真正刷新那里来准确地测试我的错误


可以用这个答案来解决这个问题:

错误是存在的,因为路由实际上不存在。因此,我们需要在url中使用#

import {provide} from 'angular2/angular2';
import {
  ROUTER_PROVIDERS,
  LocationStrategy,
  HashLocationStrategy
} from 'angular2/router';
以及引导程序:

bootstrap(AppCmp, [
  ROUTER_PROVIDERS,
  provide(LocationStrategy, {useClass: HashLocationStrategy})
]);

这会更改我的url,如果刷新,它实际上不会失败。

您的服务器是否配置为支持HTML5 pushState@GünterZöchbauer ty,很好的链接。我找错方向了。我可以使用hashtags临时修复它,这可能不是最好的方法。我想我会在离开本地主机设置后立即尝试使用it服务器端:)