Question

我有这样的登录路径

{ path: 'login', loadChildren: 'src/app/auth/login/login.module#LoginPageModule' },

如果我在应用程序中插入制表符并定义路径

path: '',
component: TabsPage,
children: [
  { path: 'settings', loadChildren:'./settings/settings.module#SettingsPageModule' },]

当我尝试再次运行我的应用程序时，我出现了这样的错误

“相对于src / app / app-routing.module.ts的模块无法解析/app/auth/login/login.module中的错误”

然后，当我使用“ src”登录路径和制表符路径指定路由时

{ path: 'login', loadChildren: 'src/app/pages/auth/login/login.module#LoginPageModule' },

我看过很多教程，但是没有人遇到这个问题。我是用这种方式解决的，但我不知道它是否正确

Answer 1

在您的路由模块中尝试以下代码段：

app-routing-module.ts

{ path: 'login', loadChildren: './pages/auth/login/login.module#LoginPageModule' }

Answer 2

您的错误说明了一切。您需要指定相对到app-routing.module.ts的路由。

“相对于src / app / app-routing.module.ts的模块无法解析/app/auth/login/login.module中的错误”

如果登录文件夹位于app目录中，则指向PageModule的相对路径为：

{ path: 'login', loadChildren: './login/login.module#LoginPageModule' },

您的相对路径是：

{ path: 'login', loadChildren: './pages/auth/login/login.module#LoginPageModule' }

在app-routing.module.ts中定义的所有路由都不会显示任何选项卡。如果要将标签栏设置为入口点，则需要将默认路由（''）指向标签模块。然后在tabs.router.module.ts中定义所有需要显示标签栏的路线。

app-routing.module.ts

{ path: '', loadChildren: './tabs/tabs.module#TabsPageModule' },

tabs.router.module.ts

const routes: Routes = [
  {
    path: 'tabs',
    component: TabsPage,
    children: [
      {
        path: 'home',
        children: [
          {
            path: '',
            loadChildren: '../home/home.module#HomePageModule'
          }
        ]
      },
// ...

如果未指定完整路径，将出现Ionic 4导航错误

2 个答案: