我用来在Ionic项目中包含自定义组件的解决方案如下所示。
首先，在'components'目录下生成组件，以保持组织性。以您的示例为例，这将使用命令ionic g component components/my-component。
然后在components目录的根目录下创建一个公共组件模块'components.module.ts'。其内容使用以下格式：

import { NgModule } from '@angular/core';
import { CommonModule } from '@angular/common';
import { IonicModule } from '@ionic/angular';

// In this example, MyComponent would be imported as follows:
// import { MyComponent } from './my-component/my-component.component';

@NgModule({
    declarations: [/*Declare your components here. e.g. MyComponent*/],
  providers: [],
  imports: [
    CommonModule,
    IonicModule,
    // Add modules to import here. e.g. FormsModule
  ],
    exports: [/*Same as declarations*/]
})
export class ComponentsModule { }

最后，将ComponentsModule添加到“app.module.ts”中的导入列表并导入它。
所有添加到ComponentsModule的组件现在都应该在重新编译时包含在项目中。

在离子中有两个东西：组件和页。虽然它们没有很大的区别，但页是具有模块和路由模块的组件。您可以使用以下内容生成页：

ionic generate page page-name

有关详细信息，请访问页面和组件