离子组件在离子标签页中不起作用

Question

我需要一些帮助。 我已经声明了一个组件；当我在 Ionic 的普通页面上使用它时，该组件工作正常。 当我尝试在 Ionic 标签页中使用相同的组件时；我收到错误消息

1. 如果 'vehicle-details' 是一个 Angular 组件，则验证它是该模块的一部分。

2. 如果“vehicle-details”是 Web 组件，则将“CUSTOM_ELEMENTS_SCHEMA”添加到该组件的“@NgModule.schemas”以禁止显示此消息。 ("

   [错误->]

我已经在 component.module.ts 中声明了 我环顾四周，似乎无法弄清楚是什么导致了这个问题。

app.module.ts

import {
  ComponentsModule
} from '../components/components.module';

@NgModule({
  declarations: [],
  imports: [ComponentsModule],
  bootstrap: [IonicApp],
  entryComponents: [],
  providers: []
})
export class AppModule {}

components.module.ts

import {
  NgModule
} from '@angular/core';
import {
  ReactiveFormsModule
} from '@angular/forms';
import {
  IonicModule
} from 'ionic-angular';

import {
  VehicleDetailsComponent
} from './pages/vehicle-details/vehicle-details';

@NgModule({
  declarations: [
    VehicleDetailsComponent  ],
  imports: [ReactiveFormsModule,
    IonicModule.forRoot(LoginComponent)
  ],
  exports: [
    VehicleDetailsComponent  ]
})
export class ComponentsModule {}

Answer 1

我找到了解决方案；我使用 CLI 创建标签页，CLI 没有在 app.module.ts 中声明页面。 在 app.module.ts 中声明页面后，我就可以使用该组件了。