ionic3懒加载自定义组件中使用ionic3组件报错is not a known element

之前在使用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 not a known element)