ionic懒加载报错原因分析

1.首先确定每个页面都加入了相应的module.ts,ts文件确定引入了@IonicPage({})

2.确定库文件不是cnpm命令安装的,而是npm命令

3.懒加载和deeplinks冲突,确定app.module没有配置deeplinks

4.使用懒加载,接下来使用自定义component就需要注意了

1) => ionic g component customComponent是不会自动生成module文件的,这个时候就需要我们手动去添加customComponent.module.ts文件了:

@NgModule({
  declarations: [
    customComponent,
  ],

  imports: [
    IonicPageModule.forChild(customComponent),
  ],

  exports: [
    customComponent,
  ]
})

export class customComponentModule {}

2) =>components.module.ts需要引入customComponentModule文件,另外需要引用自定义控件的页面的module文件也需要引入customComponentModule。

import {MultiPickerModule} from 'ion-multi-picker';

@NgModule({

  declarations: [

    JoinPage,

  ],

  imports: [

    MultiPickerModule,

    IonicPageModule.forChild(JoinPage),

  ],

  exports:[

    JoinPage

  ]

})

暂时就这些,欢迎补充。

你可能感兴趣的:(ionic懒加载报错原因分析)