Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/typescript/9.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript Angular2上的路由错误_Javascript_Typescript_Angular_Angular2 Routing - Fatal编程技术网

Javascript Angular2上的路由错误

Javascript Angular2上的路由错误,javascript,typescript,angular,angular2-routing,Javascript,Typescript,Angular,Angular2 Routing,我有一个非常简单的angular2应用程序,其中包含两条路线: @RouteConfig([ {path:'/',name:'Projects',component:ProjectsComponent,useAsDefault:true}, {路径:'/project/:id',名称:'ProjectDetail',组件:ProjectDetailComponent} ]) 问题是,当我在项目索引上单击一个项目时,我当前成功地导航到项目详细信息的路径,但一旦我刷新页面,我会在所有angul

我有一个非常简单的angular2应用程序,其中包含两条路线:

@RouteConfig([
{path:'/',name:'Projects',component:ProjectsComponent,useAsDefault:true},
{路径:'/project/:id',名称:'ProjectDetail',组件:ProjectDetailComponent}
])  
问题是,当我在项目索引上单击一个项目时,我当前成功地导航到项目详细信息的路径,但一旦我刷新页面,我会在所有angular2依赖项上得到404个错误,这是我的包。json

{
“名称”:“文本标记器”,
“版本”:“1.0.0”,
“脚本”:{
“tsc”:“tsc”,
“tsc:w”:“tsc-w”,
“lite”:“lite服务器”,
“开始”:“并发”npm运行tsc:w“节点精简服务”
}, 
“许可证”:“ISC”,
“依赖项”:{
“angular2”:“2.0.0-beta.0”,
“引导”:“^3.3.6”,
“es6承诺”:“^3.0.2”,
“es6垫片”:“^0.33.3”,
“反映元数据”:“0.1.2”,
“rxjs”:“5.0.0-beta.0”,
“systemjs”:“0.19.6”,
“zone.js”:“0.5.10”
},
“依赖性”:{
“同时”:“^1.0.0”,
“精简服务器”:“^1.3.1”,
“类型脚本”:“^1.7.3”
}
}
Myboot.ts

从'angular2/platform/browser'导入{bootstrap}
从'angular2/core'导入{provide}
{...}    
从“angular2/ROUTER”导入{ROUTER_PROVIDERS};
让配置={
apiEndpoint:'localhost:5000/api/',
标题:“文本标记器”
};
引导(AppComponent、[ProjectService、TagService、TextChunkService、Provider('app.config',{useValue:config})、ROUTER_PROVIDERS]);
我的项目详细信息.component.ts

从'angular2/core'导入{Component,OnInit};
从“angular2/Router”导入{Router,RouteParams};
{...}
@组成部分({
选择器:“项目详细信息”,
templateUrl:'./app/templates/projects/details.html',
指令:[TagPopoverComponent]
})
导出类ProjectDetailComponent实现OnInit{
{...}
建造师(
专用路由器:路由器,
专用路线图:路线图,
专用_服务:项目服务{}
恩戈尼尼特(){
设id=this._routeParams.get('id');
this.\u service.getProject(id).then(project=>this.project=project);
}
{...}
Myprojects.component.ts

{…}
@组成部分({
选择器:“项目”,
指令:[ProjectDetailComponent,ProjectFormComponent],
templateUrl:“./app/templates/projects/list.html”
})
导出类项目组件实现OnInit{
{...}
建造商(私人)项目服务:项目服务,
@注入('app.config')配置,
专用路由器:路由器,
路线图:路线图){
这._选择edid=+routeParams.get('id');
}
{...}
onSelect(项目){
这个.u router.navigate(['ProjectDetail',{id:project.id}]);
}
}

您使用的服务器与pushState?兼容,太好了,@GünterZöchbauer将在一分钟内关闭您使用的服务器与pushState?兼容,太好了,@GünterZöchbauer将在一分钟内关闭它