Can’t bind to ‘FormGroup’ since it isn’t a known property of ‘form’. ("<form [ERROR ->][FormGroup]="form"> ReactiveFormsModule is added also

I have got a very strange error,after adding new component i have seen other posts and ReactiveFormsModule is added to app.module but does not work,

@NgModule({
declarations: [
AppComponent,
CoursesComponent,
AuthersComponent,
FavoriteComponent,
PanelComponent,
LikeComponentComponent,
InputFormatDirective,
ZippyComponent,
BootstrapFormComponent,
CoursesComponentComponent,
SignupFormComponent,
ChangePasswordComponent,

],

here is the component i have added:

import { Component, OnInit } from '@angular/core';
import{FormGroup,FormControl, Validators, FormBuilder} from '@angular/forms'
import { from } from 'rxjs';

@Component({
 selector: 'app-change-password',
 templateUrl: './change-password.component.html',
 styleUrls: ['./change-password.component.css']
})

export class ChangePasswordComponent{

form:FormGroup;

constructor(fb:FormBuilder){
this.form=fb.group({
oldPassword:['',Validators.required],
newPassword:['',Validators.required],
confirmPassword:['',Validators.required]
})
}

}

HTML:

form [FormGroup]="form">


<div class="form-control">
<input formControlName="oldPassword" type="password">

</div>
<div class="form-control">
<input  formControlName="newPassword" type="password">

</div>
<div class="form-control">
<input  formControlName="confirmPassword" type="password">

</div>


<button class="button-primary"></button>
</form>

Source: New feed
Source Url Can’t bind to ‘FormGroup’ since it isn’t a known property of ‘form’. ("<form [ERROR ->][FormGroup]="form"> ReactiveFormsModule is added also