angular

Angular hydration mismatch (NG0500)

NG0500.*hydration

Fixes

1.Add `ngSkipHydration` attribute to components that use browser-only APIs
2.Move DOM manipulation to afterNextRender() or afterRender() instead of ngOnInit
3.Ensure server-rendered HTML matches client initial render — avoid window/document in SSR paths

ssrhydrationuniversal

Related Errors

ExpressionChangedAfterItHasBeenCheckedError (NG0100)

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

Circular dependency in DI (NG0200)

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 — missing provider

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