ionic-framework - 显示“离子按钮”的离子按钮不是已知元素

Question

我是 ionic 新手，这似乎是一个愚蠢的问题，但我需要一些帮助使用一些简单的按钮会引发错误。我正在使用离子 4.0。

'ion-button' 不是已知元素： 1. 如果 'ion-button' 是 Angular 组件，则验证它是否是该模块的一部分。2. 如果 'ion-button' 是 Web 组件，则将 'CUSTOM_ELEMENTS_SCHEMA' 添加到该组件的 '@NgModule.schemas' 以禁止显示此消息。

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

标签： ionic-frameworkionic4

Answer 1

为了避免该错误消息：

1. 将CUSTOM_ELEMENTS_SCHEMA导入app.modules.ts：

    import { ErrorHandler, NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';

2. 将架构：[CUSTOM_ELEMENTS_SCHEMA]添加到 app.modules.ts，如下所示：

    @NgModule({
      declarations: [
        MyApp,
        HomePage
      ],
      imports: [
        BrowserModule,
        HttpClientModule,
        MomentModule,
        IonicModule.forRoot(MyApp),
      ],
      bootstrap: [IonicApp],
      entryComponents: [
        MyApp,
        HomePage
      ],
      providers: [
        StatusBar,
        SplashScreen,
        {provide: ErrorHandler, useClass: IonicErrorHandler},
      ],
      schemas: [CUSTOM_ELEMENTS_SCHEMA]
    })