Ionic5 prod 构建错误 - 未知组件答案

【问题标题】：Ionic5 prod build error - unknown componentIonic5 prod 构建错误 - 未知组件
【发布时间】：2021-04-10 02:35:38
【问题描述】：

我对@987654322@ 的问题是我的工作组件以类似的开头

<ion-content>
  <ion-grid class="ion-no-padding">
    <ion-row>
      <ion-col>

构建失败

'ion-grid' is not a known element:
1. If 'ion-grid' is an Angular component, then verify that it is part of this module.
2. If 'ion-grid' is a Web Component then add 'CUSTOM_ELEMENT

没有--prod 它可以正常工作。但是，没有--prod 我无法成功运行

    import { Component, enableProdMode } from '@angular/core';

    ...

    try{
        enableProdMode();
    }catch{
        this.logger.logError('Prod Mode Failed');
    }

我设法通过将angular.json 中的aot 和buildOptimizer 设置为false 来构建--prod

              "aot": false,
              "extractLicenses": true,
              "vendorChunk": false,
              "buildOptimizer": false,

但是，这似乎使--prod 无关紧要？至少enableProdMode 仍然失败...？

像提议的here 一样添加CUSTOM_ELEMENTS_SCHEMA 也没有任何区别。

【问题讨论】：

在app.module.ts中导入你的组件

标签： angular ionic-framework capacitor ionic5

【解决方案1】：

通过将IonicModule 导入到我的组件模块中解决了这个问题。 ionic generate 的样板代码不包含此内容。

@NgModule({
  imports: [
    CommonModule,
    IonicModule,
  ],
  schemas: [CUSTOM_ELEMENTS_SCHEMA]

【讨论】：