Невозможно выполнить привязку к «formGroup», так как это неизвестное свойство «формы». Угловой 7

у меня есть эта ошибка

ERROR Error: Uncaught (in promise): Error: Template parse errors:
Can't bind to 'formGroup' since it isn't a known property of 'form'. ("<form [ERROR ->][formGroup]="formGroup" (ngSubmit)="onSubmit()" >

И я использую Angular 7.

Что я делаю, так это создаю систему, которая позволяет пользователю загружать файл excel.

И теперь я нахожусь в процессе загрузки данных с помощью ядра Asp.net в качестве веб-API.

Но у меня уже есть проблема с Front End.

И ошибка

Can't bind to 'formGroup' since it isn't a known property of 'form'.

И после поиска я нашел решение, но оно не работает для меня.

Это одна из ссылок, которые я нашел. Но это не решает мою проблему

https://stackoverflow.com/questions/39152071/cant-bind-to-formgroup-since-it-isnt-a-known-property-of-form

Ниже приведен простой код компонента HTML для загрузки

<form [formGroup]="formGroup" (ngSubmit)="onSubmit()" >
    <div >
        <input id="file" type="file" name="file"  />
    </div>
    <div >
        <button class="btn btn-primary">Submit</button>
    </div>
  </form>

Затем я добавил код в файл component.ts

import { Component, OnInit } from '@angular/core';
import { HttpClient } from '@angular/common/http';
import { FormGroup, FormControl } from '@angular/forms';
@Component({
  selector: 'app-data-ingestion',
  templateUrl: './data-ingestion.component.html',
  styleUrls: ['./data-ingestion.component.scss']
})
export class DataIngestionComponent implements OnInit {

  formGroup = new FormGroup({
    one: new FormControl
  });
  constructor(private http: HttpClient) { }

  ngOnInit() {
  }

  onSubmit() {
    console.log('I am called');
  }

}

И я также изменил код в app.module.ts

import { FormsModule, ReactiveFormsModule } from '@angular/forms';

И я добавил код в массив импорта

imports: [
        BrowserModule,
        FormsModule,
        ReactiveFormsModule,
        AppRoutingModule,
        BrowserAnimationsModule,
        LayoutModule,
        OverlayModule,
        HttpClientModule,
        TranslateModule.forRoot({
            loader: {
                provide: TranslateLoader,
                useFactory: createTranslateLoader,
                deps: [HttpClient]
            }
        })
    ],

Но ошибка все равно есть. Я забыл изменить другой файл? Или я сделал это неправильно?