angular

Angular SSR hydration node mismatch

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

Fixes

1.Add `ngSkipHydration` to dynamic content containers that change between server and client
2.Wrap browser-only rendering in `@if (isBrowser)` using isPlatformBrowser check
3.Defer third-party scripts and DOM manipulations to afterNextRender()

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