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

  ]

})

暂时就这些,欢迎补充。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容