Can't bind to 'ngIf' since it isn't a known property of 'div' in production build

Question

I can able to run through locally. Getting error only in production build.

I have used

 import { CommonModule } from \'@angular/common\';
 imports:           


        

Answer 1

This error can also occur if your component is NOT included in the declarations section of the module:

import { NgModule } from '@angular/core';
import { CommonModule } from '@angular/common';            // <-- required

import { InventoryRoutingModule } from './inventory-routing.module';
import { InventoryComponent } from './pages/inventory/inventory.component';

@NgModule({
  declarations: [InventoryComponent],                      // <-- In my case, this was missing
  imports: [CommonModule, InventoryRoutingModule]
})
export class InventoryModule {}