之前在使用ionic3的ionicPage(懒加载)方式开发App时,自定义组件,并且在组件中使用ionic3的组件时,报错 is not a known element。
仔细想了下,原来是使用懒加载时,每个单独的页面都有一个对应的module.ts文件,引入了components.module.ts(import了所有的组件,并且输出),当时在components.module.ts中我们并没有引入IonicModule的依赖,所以导致在组件中使用ionic的组件时,并未识别出此element。
解决方案:
- components.module.ts文件中引入IonicModule。
import { IonicModule } from 'ionic-angular';
- components.module.ts中装饰器(@NgModule)中的导入IonicModule,这样便可以使用ionic3的组件了。
@NgModule({
...
imports: [IonicModule],
...
})