angular – Uncaught(in promise)：错误：模板解析错误：’ion-c

发布时间：2020-12-17 17:29:04 所属栏目：安全来源：网络整理

导读：我试图在离子3中创建一个自定义组件,但我似乎不知道如何正确设置components.module,以便我可以在我的组件中使用离子组件我生成了这样的组件 $: ionic g component my-component 当我添加 ion-row ion-col /ion-col /ion-row 到my-component.html我得到错误

我试图在离子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]
 })

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!