Javascript 创建了一个简单的组件现在我得到了一个关于提供程序的错误

在做这个项目时，我创建了一个简单的组件来放置我的allert，现在我遇到了一个无法解决的错误：

StaticInjectorError（AppModule）[折扣组件]： StaticInjectorError（平台：核心）[折扣组件]： NullInjectorError:没有折扣组件的提供程序

我像往常一样创建了这个组件，但我不知道我要做什么来修复它

组成部分：

import { Component, OnInit } from '@angular/core';
import {AngularFireDatabase} from '@angular/fire/database';
import {AlertController} from '@ionic/angular';
import {Router} from '@angular/router';

@Component({
  selector: 'app-discount-allert',
  templateUrl: './discount-allert.component.html',
  styleUrls: ['./discount-allert.component.scss'],
})
export class DiscountAllertComponent implements OnInit {

  constructor(
      // public af: AngularFireDatabase,
              public alertController: AlertController) { }

  ngOnInit() {}
}

组件模块：

mport {CUSTOM_ELEMENTS_SCHEMA, NgModule} from '@angular/core';
import {CommonModule} from '@angular/common';
import {SharedHeaderComponent} from './shared-header/shared-header.component';
import {AlertController, IonicModule} from '@ionic/angular';
import {UserInfoComponent} from './user-info/user-info.component';
import {AddressComponent} from './address/address.component';
import {FormsModule, ReactiveFormsModule} from '@angular/forms';
import {TranslateModule} from '@ngx-translate/core';
import {PasswordStrengthBarModule} from 'ng2-password-strength-bar';
import {SchedulerComponent} from './scheduler/scheduler.component';
import {OrderConfigurationComponent} from './order-configuration/order-configuration.component';
import {OrderComponent} from './order/order.component';
import {MenuComponent} from './menu/menu.component';
import {DishOptionsComponent} from './dish-options/dish-options.component';
import {PasswordResetComponent} from './password-reset/password-reset.component';
import {OrderResumeComponent} from './order-resume/order-resume.component';
import {PaymentMethodComponent} from './payment-method/payment-method.component';
import {OnlinePaymentComponent} from './online-payment/online-payment.component';
import {PipesModule} from '../pipes/pipes.module';
import {ChangePasswordComponent} from './change-password/change-password.component';
import {CardsManagerComponent} from './cards-manager/cards-manager.component';
import {LocationSelectComponent} from './location-select/location-select.component';
import {MbrefComponent} from './mbref/mbref.component';
import {MbwayComponent} from './mbway/mbway.component';
import {CardModule} from '../directives/card/module';
import {DiscountAllertComponent} from './discount-allert/discount-allert.component';

const COMPONENTS = [
  AddressComponent,
  CardsManagerComponent,
  ChangePasswordComponent,
  DishOptionsComponent,
  LocationSelectComponent,
  MbrefComponent,
  MbwayComponent,
  MenuComponent,
  OrderComponent,
  OrderConfigurationComponent,
  OrderResumeComponent,
  PasswordResetComponent,
  SchedulerComponent,
  SharedHeaderComponent,
  UserInfoComponent,
  PaymentMethodComponent,
  OnlinePaymentComponent,
  DiscountAllertComponent
];

@NgModule({
  declarations: [COMPONENTS],
  imports: [
    IonicModule,
    CardModule,
    CommonModule,
    FormsModule,
    PasswordStrengthBarModule,
    ReactiveFormsModule,
    TranslateModule,
    PipesModule,

  ],
  schemas: [CUSTOM_ELEMENTS_SCHEMA],
  exports: [COMPONENTS],
  entryComponents: [COMPONENTS],
})
export class ComponentsModule {
}

---

为页面创建组件时，必须在所使用页面的声明：[]中的.module.ts文件中声明它。例如

declarations: [DiscountAllertComponent]

如果仍然不起作用，请尝试将其添加到：

  entryComponents: [DiscountAllertComponent]

---

我认为问题在于alertController注入。能否尝试从使用此依赖项的构造函数和注释代码中删除它？您还可以提供AlertController代码吗？至少在文件的开头，并不是所有的函数我都这么做了，但那不起作用。这是我第一次想到声明，@drprince100尝试在模块中添加提供者，看看这是否有帮助。