Error FormBuilder is not a NgModule when build - json

Question

when i try to start my angular app in local i have th error "Error FormBuilder is not a NgModule", i've tried everything i can do, npm install, check my package json, all things that can resolved my problem, Can you help me please or do you have any solution?
This is my component :
import { Component } from '#angular/core';
import { FormGroup, Validators, NgForm, FormBuilder } from '#angular/forms';
import { Router } from '#angular/router';
import { AuthentificationService } from './authentification.service';
#Component({
selector: 'app-authentification',
templateUrl: './authentification.component.html',
styleUrls: ['./authentification.component.css']
})
export class AuthentificationComponent {
loginForm: FormGroup;
error: string = '';
constructor(
private formBuilder: FormBuilder,
private authentificationService: AuthentificationService,
private router: Router
) {
this.loginForm = formBuilder.group({
'oxylaneId': ['', Validators.required],
'password': ['', Validators.required]
});
}
onSubmit() {
this.authentificationService
.authenticate(this.loginForm.value)
.subscribe(
data => {
localStorage.setItem('id_token', data.token);
this.router.navigate(['email']);
},
error => this.error = error.message
);
}
loginUser(form: NgForm) {
console.log(form.value);
}
onChange(deviceValue) {
console.log(deviceValue);
}
}
And my app.module with all my module and component
import { BrowserModule } from '#angular/platform-browser';
import { NgModule } from '#angular/core';
import { AppComponent } from './app.component';
import { FormsModule, FormBuilder, FormGroup, Validators } from '#angular/forms';
import { EmailcomponentComponent } from './emailcomponent/emailcomponent.component';
import { ColorcomponentComponent } from './colorcomponent/colorcomponent.component';
import { DesigncomponentComponent } from './designcomponent/designcomponent.component';
import { AppRoutingModule } from './app-routing.module';
import { TopBarComponent } from './top-bar/top-bar.component';
import { AuthentificationComponent } from './authentification/authentification.component';
#NgModule({
imports: [
BrowserModule,
FormsModule,
AppRoutingModule,
FormBuilder,
FormGroup,
Validators,
],
declarations: [
AppComponent,
EmailcomponentComponent,
ColorcomponentComponent,
DesigncomponentComponent,
TopBarComponent,
AuthentificationComponent,
],
providers: [],
bootstrap: [AppComponent]
})
export class AppModule { }

Answer 1

as the error says: "FormBulder is not a NgModule" and it's not! You should neither import FormBuilder nor FormGroup in imports. Validators also do not belong in Imports unless it's a Feature Module of yours. Import FormsModule or ReactiveFormsModule instead, for example:
imports: [
BrowserModule,
FormsModule,
ReactiveFormsModule
AppRoutingModule
]
EDIT:
As best practice, never import FormsModule and ReactiveFormsModule, either one or another!