无法绑定到“ formGroup”，因为它不是“ form”的已知属性。角度7

Question

我有这个错误

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 Core作为Web api上传数据。

但是我已经对前端有问题。

错误是

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数组中添加了代码

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

但是错误仍然存​​在。 我忘了修改其他文件吗？还是我做错了？