Ионная "ионная кнопка" не является известным элементом:" Как мне это исправить?

#angular #ionic-framework

Вопрос:

Я импортировал { IonicModule } из ‘@ionic / angular’; и добавил schemas: [ CUSTOM_ELEMENTS_SCHEMA ] в свой файл component.module.ts, но все еще получаю

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

 import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
import { CommonModule } from '@angular/common';
import { FormComponentComponent } from './form-component/form-component.component';

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



@NgModule({
  declarations: [FormComponentComponent],
  imports: [
    CommonModule,
    IonicModule
  ],
  schemas: [ CUSTOM_ELEMENTS_SCHEMA ]
})
export class FormModule { }

1. Какая версия Ionic?

2. «@ionic /angular»: «^ 5.3.2»

3. Вам не нужно добавлять какие-либо схемы для Angular, чтобы распознавать ионные элементы. Обо всем этом позаботится импорт IonicModule . Вы импортировали IonicModule в свой app.module.ts as IonicModule.forRoot() ?

4. Да, я уже импортировал IonicModule в свой файл app.module.ts. Не уверен, почему это не работает

Ответ №1:

Попробуй это:

 <button ion-button color="primary">Primary</button>

это будет работать

Ответ №2:

Вам нужно добавить

 IonicModule.forRoot()

для вашего импорта. не только

 IonicModule