Can't bind to 'ngModel' since it isn't a known property of 'input'

Question

I\'ve got the following error when launching my Angular app, even if the component is not displayed.

I have to comment out the so that my

Answer 1

Sometimes even though we are already imported BrowserModule, FormsModule and other related modules still we may get the same Error.

Then I realized that we need import them in Order, which is missed in my case. So order should be like BrowserModule, FormsModule, ReactiveFormsModule.

As per my understanding, Feature Modules should follow the Basic Modules of Angular.

import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';
import { FormsModule } from '@angular/forms';
import { AppComponent } from './app.component';

@NgModule({
  imports: [
    BrowserModule,
    FormsModule,
    ReactiveFormsModule     
  ],
  providers: [],
  declarations: [
    AppComponent
  ],
  bootstrap: [AppComponent]
})
export class AppModule {}

Hope this helps someone .. :)