Всякий раз, когда я пытаюсь сделать сборку ionic3, возникает «ошибка пользовательского компонента»

Question

Я использую ionic3 и хотел создать производственную сборку, я также создаю пользовательский компонент с помощью командной строки.

Но всякий раз, когда я собираюсь сделать сборку, она приходитс ошибкой пользовательского компонента я также прикрепил изображение и вставил в цитату ошибку, которую я получил. Изображение ошибок, которые я получил

ngc начался ... ошибка машинописи Невозможно связать с 'control', так как это не известное свойство 'control-messages».1. Если 'control-messages' является угловым компонентом и имеет вход 'control', то убедитесь, что он является частью этого модуля.2. Если 'control-messages' является веб-компонентом, то добавьте 'CUSTOM_ELEMENTS_SCHEMA' к '@ NgModule.schemas' этого компонента, чтобы подавить это сообщение.3. Чтобы разрешить любое свойство, добавьте «NO_ERRORS_SCHEMA» к «@ NgModule.schemas» этого компонента.("] [control] =" userForm.controls.fname ">

Вот мой код component.module.ts

import { NgModule } from '@angular/core';
import { IonicModule } from 'ionic-angular';
import { ControlMessageComponent } from './control-message/control-message';
@NgModule({
	imports: [IonicModule],
	declarations: [ControlMessageComponent],
	exports: [ControlMessageComponent]
})
export class ComponentsModule {}

и вот мой App.module.ts

import { BrowserModule } from '@angular/platform-browser';
import { ReactiveFormsModule } from '@angular/forms';
import { HttpClientModule } from '@angular/common/http';
import { ErrorHandler, NgModule } from '@angular/core';
import { IonicApp, IonicErrorHandler, IonicModule } from 'ionic-angular';
import { MyApp } from './app.component';
import { HomePage } from '../pages/home/home';
import { BundlesAssortedPage } from '../pages/bundles-assorted/bundles-assorted';
import { AllCategoriesPage } from '../pages/all-categories/all-categories';
import { MyCartPage } from '../pages/my-cart/my-cart';
import { CheckoutPage } from '../pages/checkout/checkout';
import { CategoryDetailPage } from '../pages/category-detail/category-detail';
import { MyAddressesPage } from '../pages/my-addresses/my-addresses';
import { AddRemovePopoverPage } from '../pages/add-remove-popover/add-remove-popover';
import { OrderHistoryPage } from '../pages/order-history/order-history';
import { ReOrderDetailsPage } from '../pages/re-order-details/re-order-details';
import { OurLocationPage } from '../pages/our-location/our-location';
import { MyFavouritesPage } from '../pages/my-favourites/my-favourites';
import { SignupPage } from '../pages/signup/signup';
import { StatusBar } from '@ionic-native/status-bar';
import { SplashScreen } from '@ionic-native/splash-screen';
import { ServicesProvider } from '../providers/services/services';
import { LoginPage } from '../pages/login/login';
import { ProductWizardPage } from '../pages/product-wizard/product-wizard';
import { ForgotPasswordPage } from '../pages/forgot-password/forgot-password';
import { AccountVerificationPage } from '../pages/account-verification/account-verification';
import { NetworkProvider } from '../providers/network/network';
import { Network } from '@ionic-native/network';
import { ProductDetailsPage } from '../pages/product-details/product-details';
import { AddAddressPage } from '../pages/modal/add-address/add-address';
import { GlobalStringsProvider } from '../providers/global-strings/global-strings';
import { OrderReviewPage } from '../pages/order-review/order-review';
import { OrderThankyouPage } from '../pages/order-thankyou/order-thankyou';
import { ValidationService } from '../providers/services/validation-service';
import { ControlMessageComponent } from '../components/control-message/control-message';
import { ionicComponents } from '../providers/ionic-components/ionic-components';
import { DesignPizzaPage } from '../pages/design-pizza/design-pizza';
import {  Connectivity } from '../providers/connectivity-service/connectivity-service';
import { Geolocation } from '@ionic-native/geolocation';
import { StoreInfoModalPage } from '../pages/store-info-modal/store-info-modal';
import { AccountSettingsPage } from '../pages/account-settings/account-settings';
import { ComboDetailsPage } from '../pages/combo-details/combo-details';
import { PhoneVerificationPage } from '../pages/phone-verification/phone-verification';

@NgModule({
  declarations: [
    MyApp,
    // HomePage,
    // BundlesAssortedPage,
    // ComboDetailsPage,
    // StoreInfoModalPage,
    // AllCategoriesPage,
    // ProductWizardPage,
    // CategoryDetailPage,
    // ProductDetailsPage,
    // MyCartPage,
    // DesignPizzaPage,
    // CheckoutPage,
    // OrderReviewPage,
    // OrderThankyouPage,
    // AddAddressPage,
    // MyAddressesPage,
    // AddRemovePopoverPage,
    // OrderHistoryPage,
    // ReOrderDetailsPage,
    // OurLocationPage,
    // MyFavouritesPage,
    // AccountSettingsPage,
    // LoginPage,
    // SignupPage,
    // PhoneVerificationPage,
    // ForgotPasswordPage,
    // AccountVerificationPage
  ],
  imports: [
    BrowserModule,
    ReactiveFormsModule,
    HttpClientModule,
    IonicModule.forRoot(MyApp),
  ],
  bootstrap: [IonicApp],
  entryComponents: [
    MyApp,
    // HomePage,
    // BundlesAssortedPage,
    // ComboDetailsPage,
    // StoreInfoModalPage,
    // AllCategoriesPage,
    // ProductWizardPage,
    // CategoryDetailPage,
    // ProductDetailsPage,
    // MyCartPage,
    // DesignPizzaPage,
    // CheckoutPage,
    // OrderReviewPage,
    // OrderThankyouPage,
    // AddAddressPage,
    // AddRemovePopoverPage,
    // MyAddressesPage,
    // AddRemovePopoverPage,
    // OrderHistoryPage,
    // ReOrderDetailsPage,
    // OurLocationPage,
    // MyFavouritesPage,
    // AccountSettingsPage,
    // LoginPage,
    // SignupPage,
    // PhoneVerificationPage,
    // ForgotPasswordPage,
    // AccountVerificationPage
  ],
  providers: [
    StatusBar,
    SplashScreen,
    ValidationService,
    ionicComponents,
    {provide: ErrorHandler, useClass: IonicErrorHandler},
    ServicesProvider,
    Network,
    NetworkProvider,
    GlobalStringsProvider,
    Connectivity,
    Geolocation
    
  ]
})
export class AppModule {}

Если кто-то может мне помочь, это будет очень полезно С уважением

Answer 1

Хорошо, давайте послушаем вашу ошибку и добавим CUSTOM_ELEMENTS_SCHEMA к вашему main NgModule, поэтому поместите его в app.module.ts

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

@NgModule({
  schemas: [
     CUSTOM_ELEMENTS_SCHEMA, NO_ERRORS_SCHEMA
   ],
  declarations: [
    MyApp,
  ],
  imports: [
    BrowserModule,
    ReactiveFormsModule,
    HttpClientModule,
    IonicModule.forRoot(MyApp),
  ],
  bootstrap: [IonicApp],
  entryComponents: [
    MyApp
  ],
  providers: [
    StatusBar,
    SplashScreen,
    ValidationService,
    ionicComponents,
    {provide: ErrorHandler, useClass: IonicErrorHandler},
    ServicesProvider,
    Network,
    NetworkProvider,
    GlobalStringsProvider,
    Connectivity,
    Geolocation

  ]
})
export class AppModule {}