Не удается импортировать компонент на страницу - Ionic 4 - PullRequest
0 голосов
/ 09 апреля 2019

Я работаю с Ionic 4 и Angular 7.

Я просто хочу создать компонент для повторного использования в приложении, но получаю классическую ошибку:

Ошибка: Uncaught (в обещании): Ошибка: Ошибки синтаксического анализа шаблона: «home-cmp» не является известным элементом: 1. Если «home-cmp» является угловым компонентом, то убедитесь, что он является частью этого модуля.2. Если 'home-cmp' является веб-компонентом, то добавьте 'CUSTOM_ELEMENTS_SCHEMA' к '@ NgModule.schemas' этого компонента, чтобы подавить это сообщение.

Я сделал общий модуль, например здесь но все еще не могу заставить его работать.

Я сделал то же самое

общий модуль:

import { NgModule } from '@angular/core';
import { CommonModule } from '@angular/common';
import { HomeComponent } from './home/home.component';

@NgModule({
  declarations: [HomeComponent],
  imports: [
    CommonModule
  ],
  exports : [ HomeComponent]
})
export class PagesModule { }

moduleгде я его использую

import { NgModule } from '@angular/core';
import { CommonModule } from '@angular/common';
import { FormsModule } from '@angular/forms';
import { Routes, RouterModule } from '@angular/router';

import { IonicModule } from '@ionic/angular';

import { HomePage } from './home.page';
import { PagesModule } from 'src/app/components/pages/pages.module';


const routes: Routes = [
  {
    path: '',
    component: HomePage
  }
];

@NgModule({
  imports: [
    PagesModule,
    CommonModule,
    FormsModule,
    IonicModule,
    RouterModule.forChild(routes)
  ],
  declarations: [HomePage]
})
export class HomePageModule {}

Вот дерево файлов:

file tree

РЕДАКТИРОВАТЬ

Я использую вкладки, которые используют собственный модуль маршрутизации

РЕДАКТИРОВАТЬ 2

Та же проблема , но без ответа

1 Ответ

0 голосов
/ 09 апреля 2019

Если вы используете <home-cmp> в html-файле другой страницы, то в файле module.ts этой страницы добавьте следующее @NgModule:

schemas: [CUSTOM_ELEMENTS_SCHEMA]

Из документов:

Определяет схему, которая позволяет модулю NgMo содержать следующее:

Неангулярные элементы с именами с тире (-).

Свойства элементов с именами с тире (-).Тире - это соглашение об именах пользовательских элементов.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...