美文网首页
ionic懒加载报错原因分析

ionic懒加载报错原因分析

作者: 简书admin | 来源:发表于2018-03-21 10:22 被阅读57次

    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懒加载报错原因分析

          本文链接:https://www.haomeiwen.com/subject/qvywqftx.html