Ionic3 组件懒加载

Posted 2020-09-26

使用懒加载能够减少程序启动时间，减少打包后的体积，而且可以很方便的使用路由的功能。

使用懒加载：

右侧红色区域可以省略掉（引用、声明也删掉）

 

若使用ionic命令新建page，则无需进行下面的操作，否则进行下面的操作：

新建文件：home.module.ts

import { NgModule } from \'@angular/core\';
import { IonicPageModule } from \'ionic-angular\';
import { LoginPage } from \'./login\';

@NgModule({
  declarations: [
    LoginPage,
  ],
  imports: [
    IonicPageModule.forChild(LoginPage),
  ],
  exports: [
    LoginPage
  ]
})
export class LoginPageModule {}

组件类加上红色区域代码：

 使用懒加载会报错：

 解决方法：调用组件的地方，使用组件字符串

例如：