美文网首页
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