Uncaught (in promise): Error: Template parse errors: 'ion-col' is not a known element

Admin 1
Viewed 2542

I am trying to create a custom component in ionic 3 but i do not seem to know how to setup the components.module properly so that i can use the ionic components in my component

i generated the component like so

 $: ionic g component my-component

When i add 

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

to my-component.html i get the error

Uncaught (in promise): Error: Template parse errors: 'ion-col' is not a known element

ionic3 angular typescript
2 Answers

When you use ionic g component my-component

It'll automatically create a components folder and declared inside the shared module components.module.ts

To use that component, you need to import components.module.ts inside your page's module.

For exemple you want to load it in MyFirstPage a simple ionic page :

 import { ComponentsModule } from "./your-path/components/components.module";
 import { IonicPageModule } from 'ionic-angular';

 @NgModule({
    declarations:[
       MyFirstPage
    ],
    imports:[
       ComponentsModule,
       IonicPageModule.forChild(MyFirstPage),
    ],
    exports: [
       ComponentsModule
    ]
 })
user_39102690
Related