title: Can't bind to 'ngForOf' since it isn't a known property of 'div'
body: <p>When adding an ngFor to a div I get the following warning and it appears to be stopping my HTML from rendering.</p>
  
  <p>I only have the one module on my app and the BrowserModule is imported in the imports which seemed to fix the problem for most people but it's not working for me.</p>
  
  <p>HTML: </p>
  
  <pre><code>&lt;div *ngFor="let animal of animals" class="animal-row"&gt;
      &lt;img /&gt;
      &lt;div class="animal-info"&gt;
          &lt;p class="animal-name"&gt;&lt;i class="fad fa-monkey"&gt;&lt;/i&gt; Alfie (Alifie-Moon)&lt;/p&gt;
          &lt;div class="row"&gt;
              &lt;div id="species" class="col"&gt;
                  &lt;p id="species-text"&gt;&lt;i class="fad fa-paw-claws"&gt;&lt;/i&gt; &lt;span&gt;Skunk&lt;/span&gt;&lt;/p&gt;
              &lt;/div&gt;
              &lt;div class="col"&gt;
                  &lt;p&gt;&lt;i class="fad fa-paw"&gt;&lt;/i&gt; &lt;span&gt;American&lt;/span&gt;&lt;/p&gt;
              &lt;/div&gt;
              &lt;div class="col"&gt;
                  &lt;p&gt;&lt;i class="fad fa-home-heart"&gt;&lt;/i&gt; &lt;span&gt;01.01.01&lt;/span&gt;&lt;/p&gt;
              &lt;/div&gt;
              &lt;div class="col"&gt;
                  &lt;p&gt;&lt;i class="fad fa-watch-fitness"&gt;&lt;/i&gt; &lt;span&gt;3 Years&lt;/span&gt;&lt;/p&gt;
              &lt;/div&gt;
              &lt;div class="col"&gt;
                  &lt;p&gt;&lt;i class="fad fa-hotel"&gt;&lt;/i&gt; &lt;span&gt;1-A&lt;/span&gt;&lt;/p&gt;
              &lt;/div&gt;
              &lt;div class="col"&gt;
                  &lt;p&gt;&lt;i class="fad fa-smile"&gt;&lt;/i&gt; &lt;span&gt;Good&lt;/span&gt;&lt;/p&gt;
              &lt;/div&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>app.module.ts:</p>
  
  <pre><code>// Angular &amp; 3rd Part Imports
  import { BrowserModule } from '@angular/platform-browser';
  import { NgModule } from '@angular/core';
  import { HttpClientModule } from '@angular/common/http';
  import { FormsModule } from '@angular/forms';
  import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
  import { ToastNotificationsModule } from 'ngx-toast-notifications';
  import { RouterModule } from '@angular/router';
  import { JwtModule } from '@auth0/angular-jwt';
  // Providers
  import { ErrorInterceptorProvider } from './_services/error.interceptor';
  // Services
  import { AuthService } from './_services/auth.service';
  import { ModuleService } from './_services/module.service';
  // Components
  import { appRoutes } from './routes';
  import { AppComponent } from './app.component';
  import { NavComponent } from './nav/nav.component';
  import { LoginComponent } from './login/login.component';
  import { DashboardComponent } from './dashboard/dashboard.component';
  import { SubnavComponent } from './subnav/subnav.component';
  import { CommonModule } from '@angular/common';
  
  export function tokenGetter() {
     return localStorage.getItem('token');
  }
  
  
  @NgModule({
     declarations: [
        AppComponent,
        NavComponent,
        LoginComponent,
        DashboardComponent,
        SubnavComponent
     ],
     imports: [
        BrowserModule,
        CommonModule
        BrowserAnimationsModule,
        HttpClientModule,
        FormsModule,
        ToastNotificationsModule,
        RouterModule.forRoot(appRoutes),
        JwtModule.forRoot({
           config: {
              // tslint:disable-next-line: object-literal-shorthand
              tokenGetter: tokenGetter,
              whitelistedDomains: ['localhost:5000'],
              blacklistedRoutes: ['localhost:5000/api/auth']
           }
        })
     ],
     providers: [
        AuthService,
        ErrorInterceptorProvider,
        ModuleService
     ],
     bootstrap: [
        AppComponent
     ]
  })
  export class AppModule { }
  </code></pre>
  
  <p>I don't know if this is relevant but I did have a file called module.ts (that was an interface) that I renamed to navLinks, just in case it created a conflict - is it possible Angular thought that was another module?</p>