Angular 无法通过url延迟加载模块访问

Angular 无法通过url延迟加载模块访问,angular,lazy-loading,router,production-environment,Angular,Lazy Loading,Router,Production Environment,在执行“ng build--prod”之后,我遇到了路由问题 我已将模块配置为在项目中延迟加载。如果我使用以下链接访问它们,它们加载时不会出现问题: <a classs="waves-effect btn" [routerLink]="['/login']">Login</a> 路由器是否缺少配置? 或者问题出在哪里 请帮忙。我现在不能在这里测试,但我想这与 index.html中缺少标记 或者loadChildren中的路径需要是“app/components/…”

在执行“ng build--prod”之后,我遇到了路由问题

我已将模块配置为在项目中延迟加载。如果我使用以下链接访问它们,它们加载时不会出现问题:

<a classs="waves-effect btn" [routerLink]="['/login']">Login</a>
路由器是否缺少配置? 或者问题出在哪里


请帮忙。

我现在不能在这里测试,但我想这与

  • index.html中缺少
    标记
  • 或者loadChildren中的路径需要是“app/components/…”而不是“/components/…”(根据文档:)

如果有帮助,请告诉我。

我现在不能在这里测试,但我认为这与

  • index.html中缺少
    标记
  • 或者loadChildren中的路径需要是“app/components/…”而不是“/components/…”(根据文档:)

如果有帮助,请告诉我。

我想我不熟悉你的模式。但也许这是一个授权的东西。。其中,路径“”有2个条目


但也许你只需要设置一个路径:“登录”?

我想我不熟悉你的模式。但也许这是一个授权的东西。。其中,路径“”有2个条目


但也许您只需要设置一个路径:“login”?

可能与此路由器配置相混淆

{ path: '', loadChildren: './components/dashboard/dashboard.module#DashboardModule' },
{ path: '', loadChildren: './components/auth/auth.module#AuthModule' }

您是否尝试为模块提供一些路径

可能与此路由器配置相混淆

{ path: '', loadChildren: './components/dashboard/dashboard.module#DashboardModule' },
{ path: '', loadChildren: './components/auth/auth.module#AuthModule' }


您是否尝试过为模块提供一些路径

它是否与ng serve的行为相同?@hogan否,仅在我进行生产构建时停止工作。它是否与ng serve的行为相同?@hogan否,只有在我进行生产构建时才会停止工作。让我测试一下,尝试过这个,但仍然存在相同的问题让我测试一下,尝试过这个,但仍然存在相同的问题我要尝试一下,我无法设置“应用程序/组件”,因为主路由器在应用程序下。所以如果我做了那个改变,我会得到一个错误。不知道我必须在基本标签中添加什么。请给我一个例子。基本标签应该和上面提到的一样,没有别的。你说的
是什么意思?我无法设置“应用程序/组件”,因为主路由器在应用程序下?您应该将主路由器导入应用程序模块,并在其中配置惰性路由。下面是正确的示例:
https://angular.io/guide/router#lazy-正在加载路由配置
我将尝试此功能,但我无法设置“应用程序/组件”,因为主路由器位于应用程序下。所以如果我做了那个改变,我会得到一个错误。不知道我必须在基本标签中添加什么。请给我一个例子。基本标签应该和上面提到的一样,没有别的。你说的
是什么意思?我无法设置“应用程序/组件”,因为主路由器在应用程序下?您应该将主路由器导入应用程序模块,并在其中配置惰性路由。下面是正确的示例:
https://angular.io/guide/router#lazy-加载路由配置
已经尝试过,但在输入URL时仍然不起作用这里有一个我正在使用的工作示例:const appRoutes:Routes=[//仪表板{path:'',重定向到:'/Dashboard',pathMatch:'full'},{path:'Dashboard',loadChildren:'./Dashboard/_Dashboard.module#DashboardModule'},//MapView{path:'MapView',redirectTo:'/MapView',pathMatch:'full'},{path:'MapView',loadChildren./MapView/#MapViewModule module module}];@NgModule,导出:[RouterModule]})导出类批准{}为什么导出路由器模块?@Jessealso也许可以试试这个:[RouterLink]=“/login”看起来该导出允许我添加到应用程序的模板中。我已经尝试过了,但在输入URL时仍然不起作用。下面是我正在使用的一个工作示例:const appRoutes:Routes=[//仪表板{path:'',重定向到:'/Dashboard',pathMatch:'full'},{path:'Dashboard',loadChildren:'./Dashboard/_Dashboard.module#DashboardModule'},//MapView{path:'MapView',redirectTo:'/MapView',pathMatch:'full'},{path:'MapView',loadChildren./MapView/#MapViewModule module module}];@NgModule,导出:[RouterModule]})导出类批准{}为什么导出路由器模块?@Jessealso也许可以尝试以下方法:[RouterLink]=“'/login'”。看起来导出允许我添加到应用程序的模板中