未捕获(承诺):错误:模板解析错误:'ion-col'不是已知元素

Question

我试图在离子3中创建一个自定义组件,但我似乎不知道如何正确设置components.module,以便我可以在我的组件中使用离子组件

我生成了这样的组件

 $: ionic g component my-component

当我添加

  <ion-row>
    <ion-col>
    </ion-col>
  </ion-row

以my-component.html我的错误

未捕获(承诺):错误:模板解析错误:'ion-col'不是已知元素

Answer 1

运用

ionic generate component my-component

它将自动components.module.ts在components文件夹下的共享模块内声明.

因此,如果您需要使用该组件,只需导入页面模块内的共享模块.

components.module.ts(分享)

 import { IonicPageModule } from 'ionic-angular';

 @NgModule({
    declarations:[MyComponentComponent],
    imports:[
       IonicPageModule.forChild(MyComponentComponent)  // <- Add
    ],
    exports: [MyComponentComponent]
 })