Невозможно разделить компонент между двумя страницами.

Question

Я хочу поделиться компонентом между двумя страницами в ionic 3.

У меня есть общий компонент SearchInputComponent, добавленный в папку компонентов.

Когда я пытался добавить, я получал эту ошибку SearchInputComponent является частью объявлений 2 модулей

После поиска в сети я нашел способ, т. Е. Создать в нем новый sharedModule, сохранив общие компоненты.

Создано так SharedModule.module.ts в папке компонентов.

SharedModule.module.ts

import { NgModule } from '@angular/core';
import { SearchInputComponent } from './search-input/search-input';

@NgModule({
    imports: [
     ],
    declarations: [
        SearchInputComponent
    ],
    exports: [
        SearchInputComponent
    ]
})

export class SharedModule {}

Я хочу использовать мои SearchInputComponent в myPage1 и myPage2,

так внутри

myPage1.module.ts

@NgModule({
  declarations: [
    myPage1
  ],
  imports: [
    IonicPageModule.forChild(myPage1),
    SharedModule
  ],
})
export class myPage1PageModule {}

myPage2.module.ts

@NgModule({
  declarations: [
    myPage2
  ],
  imports: [
    IonicPageModule.forChild(myPage2),
    SharedModule
  ],
})
export class myPage2PageModule {}

ноэто не работает, показывая некоторые странные Error: Template parse errors:....

Может ли кто-нибудь помочь мне найти мою ошибку?

Заранее спасибо!

Answer 1

Я нашел решение, оно может кому-то помочь

SharedModule.module.ts

Я добавил imports: [IonicPageModule.forChild(SearchInputComponent)],, и оно заработало.

Answer 2

Не могли бы вы написать весь журнал ошибок?Кажется, вы экспортировали и импортировали прямо модуль.Но, возможно, с шаблоном произошла ошибка.

Чтобы отбросить ошибки шаблона, попробуйте закомментировать всю логику вашего SearchInputComponent.