0

我第一次尝试离子。我使用模板 TABS 创建了一个项目,并尝试在底部菜单中添加一个带有新按钮的新页面。我这样做了:

1)离子生成页面helloworld

2)在tabs-routing.module.ts我添加了新路线:

const routes: Routes = [
    {
        path: 'tabs',
        component: TabsPage,
        children: [
            {
                path: 'home',
                children: [
                    {
                        path: '',
                        loadChildren: () => import('../helloworld/helloworld.module').then(m => m.HelloworldPageModule)
                    }
                ]
            },
            {
                path: 'tab1',
                children: [
                    {
                        path: '',
                        loadChildren: () => import('../tab1/tab1.module').then(m => m.Tab1PageModule)
                    }
                ]
            },
            {
                path: 'tab2',
                children: [
                    {
                        path: '',
                        loadChildren: () => import('../tab2/tab2.module').then(m => m.Tab2PageModule)
                    }
                ]
            },
            {
                path: 'tab3',
                children: [
                    {
                        path: '',
                        loadChildren: () => import('../tab3/tab3.module').then(m => m.Tab3PageModule)
                    }
                ]
            },
            {
                path: '',
                redirectTo: '/tabs/home',
                pathMatch: 'full'
            }
        ]
    },
    {
        path: '',
        redirectTo: '/tabs/home',
        pathMatch: 'full'
    }
];

@NgModule({
    imports: [RouterModule.forChild(routes)],
    exports: [RouterModule]
})
export class TabsPageRoutingModule {
}

在 tabs.page.html 我添加了

<ion-tab-button tab="home">
      <ion-icon name="home"></ion-icon>
      <ion-label>Home</ion-label>
    </ion-tab-button>

但这是错误: https://aws1.discourse-cdn.com/ionicframework/original/3X/b/e/bebad2c6927130e1c0d733b75ea0b3864e59faa4.png

4

1 回答 1

0

我不知道。但是我删除了这个页面,并停止了服务器,我又像以前一样做了,现在可以工作了。

于 2020-01-14T21:38:38.180 回答