angular Errors

10 error patterns

NG0100.*Expression has changed after it was checked

•Move the value change to ngAfterViewInit with a ChangeDetectorRef.detectChanges() call
•Use setTimeout(() => { ... }) to defer the change to the next cycle

NG0200.*Circular dependency in DI detected

•Break the cycle by injecting one service lazily with `@Inject(forwardRef(() => ServiceName))`
•Extract shared logic into a third service that both services depend on

NullInjectorError: No provider for (\w+)

•Add the service to the `providers` array of the module or component that needs it
•Use `@Injectable({ providedIn: 'root' })` on the service class for app-wide singleton

NG0303.*Can't bind to '.+' since it isn't a known property

•Import the module that declares the directive/component (e.g., FormsModule for ngModel, ReactiveFormsModule for formControl)
•Check for typos in the property name or directive selector

NG0500.*hydration

•Add `ngSkipHydration` attribute to components that use browser-only APIs
•Move DOM manipulation to afterNextRender() or afterRender() instead of ngOnInit

NG8001.*'([^']+)' is not a known element

•Import the module that exports the component into your feature module's imports array
•If standalone component, add it to the `imports` array of the consuming component

NG8002.*Can't bind to '(.+)' since it isn't a known property of '(.+)'

•Import the required module (e.g., MatInputModule for matInput, RouterModule for routerLink)
•Ensure the @Input() decorator is defined on the target component's property

NG0301.*Export of name '(.+)' not found

Error: NG0901.*ngIf|ngFor|ngSwitch

Error: NG05(04|05).*skip hydration

•Add `ngSkipHydration` to dynamic content containers that change between server and client
•Wrap browser-only rendering in `@if (isBrowser)` using isPlatformBrowser check