美文网首页
ionic3懒加载自定义组件中使用ionic3组件报错is no

ionic3懒加载自定义组件中使用ionic3组件报错is no

作者: 已不淘气很多年 | 来源:发表于2018-05-08 10:53 被阅读0次

    之前在使用ionic3的ionicPage(懒加载)方式开发App时,自定义组件,并且在组件中使用ionic3的组件时,报错 is not a known element。

    仔细想了下,原来是使用懒加载时,每个单独的页面都有一个对应的module.ts文件,引入了components.module.ts(import了所有的组件,并且输出),当时在components.module.ts中我们并没有引入IonicModule的依赖,所以导致在组件中使用ionic的组件时,并未识别出此element。

    解决方案:

    1. components.module.ts文件中引入IonicModule。
    import { IonicModule } from 'ionic-angular';     
    
    1. components.module.ts中装饰器(@NgModule)中的导入IonicModule,这样便可以使用ionic3的组件了。
    @NgModule({
    ...
      imports: [IonicModule],
    ...
    })
    

    相关文章

      网友评论

          本文标题:ionic3懒加载自定义组件中使用ionic3组件报错is no

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