angular – Uncaught(in promise):错误:模板解析错误:’ion-col’不是已知元素

前端之家收集整理的这篇文章主要介绍了angular – Uncaught(in promise):错误:模板解析错误:’ion-col’不是已知元素前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我试图在离子3中创建一个自定义组件,但我似乎不知道如何正确设置components.module,以便我可以在我的组件中使用离子组件

生成了这样的组件

$: ionic g component my-component

当我添加

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

到my-component.html我得到错误

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

解决方法

运用

ionic generate component my-component

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

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

components.module.ts(共享)

import { IonicPageModule } from 'ionic-angular';

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

猜你在找的Angularjs相关文章