Import aurelia中未定义路由器配置和路由器

Import aurelia中未定义路由器配置和路由器,import,routing,aurelia,routeconfig,Import,Routing,Aurelia,Routeconfig,我对Aurelia非常陌生,只是尝试将导航应用到我的项目中。虽然我导入了Aurelia路由器,但它仍然表示RouterConfiguration和router在构造函数中未定义 从“/Todo/Todo”导入{Todo}; 从“aurelia路由器”导入{RouterConfiguration,Router}; 导出类应用程序{ 标题=“待办事项”; 待办事项:待办事项[]=[]; ToDeDescription=''; 路由器:任何; 清单:任何[]; 构造函数(路由器配置:路由器配置,路由器

我对Aurelia非常陌生,只是尝试将导航应用到我的项目中。虽然我导入了Aurelia路由器,但它仍然表示RouterConfiguration和router在构造函数中未定义

从“/Todo/Todo”导入{Todo};
从“aurelia路由器”导入{RouterConfiguration,Router};
导出类应用程序{
标题=“待办事项”;
待办事项:待办事项[]=[];
ToDeDescription='';
路由器:任何;
清单:任何[];
构造函数(路由器配置:路由器配置,路由器:路由器){
this.todos=[];
配置路由器(路由器配置,路由器);
//console.log(“klist”,this.list);
}
//config.map()将路由添加到路由器。虽然只有路由、名称、,
//moduleId、href和nav如上图所示。路由中还可以包含其他属性。
//每个路由的类名为
配置路由器(配置:路由器配置,路由器:路由器):无效{
this.router=路由器;
config.title='Aurelia';
config.map([
{route:'',name:'home',moduleId:'home/home',nav:true,title:'home'},
{route:'users',name:'users',moduleId:'./Friends/Friends',nav:true},
//{route:'users/:id/detail',name:'userDetail',moduleId:'users/detail'},
//{route:'files/*path',name:'files',moduleId:'files/index',href:'#files',nav:0}
]);
}
addTodo(){
if(此.toodescription){
this.todos.push(新Todo(this.todoDescription));
//this.toodescription='';
}
}
}

按照惯例,Aurelia在加载(App)的初始类中查找configureRouter()函数并执行它。这意味着,您不必在构造函数中注入任何内容

看起来你只是添加了太多。我认为修复您的样本似乎就像移除一些东西一样简单,比如:

从“/Todo/Todo”导入{Todo};
从“aurelia路由器”导入{RouterConfiguration,Router};
导出类应用程序{
标题=“待办事项”;
待办事项:待办事项[]=[];
ToDeDescription='';
清单:任何[];
构造函数(){
//注意:此处已完全删除路由(您不需要它)
//另外,您已经在上面声明了this.todos,因此无需在这里再次声明
}
配置路由器(配置:路由器配置,路由器:路由器):无效{
this.router=路由器;
config.title='Aurelia';
config.map([
{route:'',name:'home',moduleId:'home/home',nav:true,title:'home'},
{route:'users',name:'users',moduleId:'./Friends/Friends',nav:true}
]);
}
addTodo(){
//为了简洁起见,删除了此选项
}
}
这将解决路由器和RouteConfiguration上的“未定义”错误。另外,不要忘记将
添加到html模板中。否则,不会出现错误,但视图也不会显示:

 <template>
    <div class="content">
      <router-view></router-view>
    </div>
 </template>


有关这方面的大量文档可以在网站上找到

谢谢@ashley,谢谢你helped@ashley是必须添加到所有模板还是添加到app.html就可以了?