我有一个带有路由器模块的项目
import { NgModule } from '@angular/core';
import { Routes, RouterModule } from '@angular/router';
const routes : Routes = [
{
path : '',
loadChildren : './pages/main/main.module#MainModule'
},{
path : 'ajout',
loadChildren : './free/free.module#FreeModule'
},{
path : '**',
loadChildren : './pages/four/four.module#FourModule'
}
]
@NgModule({
imports: [
RouterModule.forRoot(routes, {
//initialNavigation: 'enabled',
//enableTracing : true
})],
exports: [RouterModule]
})
export class AppRoutingModule { }
奇怪的是,几个小时前它工作得很好,然后突然间,当我转到localhost:4200时,FreeModule被加载了。
我试了好几个小时都不知道为什么,所以我确实构建了应用程序并检查了构建。。。在版本localhost:4000上,加载了MainModule(所以它是正确的(,但我不明白为什么在:4200上加载了错误的模块。。。我甚至多次重新开始发球。。。
我在这里错过了什么?我完全迷失了
编辑:我确实试着简单地删除:
{
path : '',
loadChildren : './pages/main/main.module#MainModule'
}
当我导航到根目录时,FreeModule仍然会被加载,所以似乎是由于某种原因,angular应用程序配置了(自己?(默认路由。。。我该怎么摆脱。。。?我不想从头开始应用程序
你试过吗
{
path : '',
loadChildren : './pages/main/main.module#MainModule',
pathMatch: 'full'
}
事实证明,我将所有模块导入到一个共享模块中,导致了这种奇怪的行为,并删除了延迟加载方面。。。我删除了那些模块,现在所有的都工作得很好