Angular 角度：ng build--prod excecuted时未检测到反应式表单控件

我用Angular创建了一个反应形式。在我的模板中，我声明了

formControlName

属性并为它们命名，在.ts组件中，我也将它们声明为

formControls

，一个

FormGroup

的成员，但是，当我执行

ng build--prod

时，我收到一个错误，说它们在.ts中不存在

这是我的表格：

 <form ngNativeValidate [formGroup]="forma" class="form-horizontal" novalidate>
      <div class="row doc-row">
        <div class="col-sm-6">
          <!-- Fecha desde-->
          <label class="col-sm-1 control-label lh-11 documento-label">Fecha desde</label>
          <div class="col-sm-4">
            <input type="date" formControlName="fechaDesde" name="fechaDesde" id="fechaDesde" type="date"
              class="form-control" />
          </div>
          <span #dp="bsDatepicker" bsDatepicker class="fa fa-search facturas col-sm-1 " [(bsValue)]="fechaDesde"></span>

          <!-- Fecha hasta-->
          <label class="col-sm-1 control-label lh-11 documento-label">Fecha hasta</label>
          <div class="col-sm-4">
            <input type="date" formControlName="fechaHasta" name="fechaHasta" id="fechaHasta" type="date"
              class="form-control" />
          </div>
          <em #dp="bsDatepicker" bsDatepicker class="fa fa-search facturas col-sm-1 " [(bsValue)]="fechaHasta"></em>
        </div>
        <div class="col-sm-6 text-right">
          <button class="btn btn-oval btn-sm ml-2 " (click)="creaSolicitudFolio()" type="button">
            Nuevo
          </button>
          <button class="btn btn-oval btn-sm ml-2 " (click)="buscaFolios()" type="button">
            Buscar
          </button>
        </div>
      </div>
      <!-- SEGUNDA COLUMNA -->
      <div class="row doc-row mt-2">
        <div class="col-sm-6">
          <!-- Cantidad desde-->
          <label class="col-sm-1 control-label lh-11 documento-label">Cantidad desde</label>
          <div class="col-sm-4">
            <input type="date" formControlName="cantidadDesde" name="cantidadDesde" id="cantidadDesde" type="text"
              class="form-control" />
          </div>
          <span #dp="bsDatepicker" bsDatepicker class="fa fa-search facturas col-sm-1 "
            [(bsValue)]="cantidadDesde"></span>

          <!-- Cantidad hasta-->
          <label class="col-sm-1 control-label lh-11 documento-label">Cantidad hasta</label>
          <div class="col-sm-4">
            <input type="date" formControlName="cantidadHasta" name="cantidadHasta" id="cantidadHasta" type="text"
              class="form-control" />
          </div>
          <em #dp="bsDatepicker" bsDatepicker class="fa fa-search facturas col-sm-1 " [(bsValue)]="cantidadHasta"></em>
        </div>

        <div class="col-sm-6">
          <!-- tipo documento -->
          <label class="col-sm-1 control-label lh-11 documento-label">Tipo</label>
          <div class="col-sm-4">
            <select class="form-control pv-0" formControlName="tipoFactura" name="tipoFactura">
              <option *ngFor="let tipofactura of tiposfacturas" [value]="tipofactura.par_codparametro01">
                {{tipofactura.par_deslargo01}}</option>
            </select>
          </div>
        </div>
      </div>

    </form>

我不能让他们通过考试，我不知道为什么

有什么想法吗

谢谢

forma = new FormGroup({
    fechaDesde: new FormControl(''),
    fechaHasta: new FormControl(''),
    cantidadHasta: new FormControl(''),
    cantidadDesde: new FormControl(''),
    tipoFactura: new FormControl('')
});

constructor( ) {}

请试一试。

ng build——如果没有生成问题，并且与被动表单无关，则prod

应该可以工作

请检查此讨论是否有效。

---

您是否已在声明组件的module.ts中导入了ReactiveFormsModule？

forma = new FormGroup({
    fechaDesde: new FormControl(''),
    fechaHasta: new FormControl(''),
    cantidadHasta: new FormControl(''),
    cantidadDesde: new FormControl(''),
    tipoFactura: new FormControl('')
});

constructor( ) {}