离子组件在离子选项卡页面中不起作用

Question

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

1. 如果“车辆细节”是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中声明页面后，我就可以使用该组件了。