angular-cli: Angular 16: webpack dev server show error "ResizeObserver loop limit exceeded"

Which @angular/* package(s) are the source of the bug?

compiler-cli

Is this a regression?

Yes

Description

After upgrade from angular 15 in dev mode, webpack show error “ResizeObserver loop limit exceeded”

immagine

This div appare in overlay.

Side note: no error into the console

Please provide a link to a minimal reproduction of the bug

No response

Please provide the exception or error you saw

No response

Please provide the environment you discovered this bug in (run ng version)

_                      _                 ____ _     ___
    / \   _ __   __ _ _   _| | __ _ _ __     / ___| |   |_ _|
   / △ \ | '_ \ / _` | | | | |/ _` | '__|   | |   | |    | |
  / ___ \| | | | (_| | |_| | | (_| | |      | |___| |___ | |
 /_/   \_\_| |_|\__, |\__,_|_|\__,_|_|       \____|_____|___|
                |___/
    

Angular CLI: 16.0.0
Node: 18.12.1
Package Manager: pnpm 8.2.0
OS: win32 x64

Angular: 16.0.0
... animations, cdk, cli, common, compiler, compiler-cli, core
... forms, localize, material, material-moment-adapter
... platform-browser, platform-browser-dynamic, router

Package                         Version
---------------------------------------------------------
@angular-devkit/architect       0.1600.0 (cli-only)
@angular-devkit/build-angular   16.0.0
@angular-devkit/core            16.0.0 (cli-only)
@angular-devkit/schematics      16.0.0 (cli-only)
@schematics/angular             16.0.0 (cli-only)
rxjs                            7.8.1
typescript                      5.0.4

Anything else?

No response

About this issue

  • Original URL
  • State: closed
  • Created a year ago
  • Reactions: 5
  • Comments: 17 (6 by maintainers)

Commits related to this issue

Most upvoted comments

My workaround is hide the webpack dev server message

iframe#webpack-dev-server-client-overlay {
  display: none;
}

Thank you Daniel for your contribution to the issue.

Stangely enough, the issue does not occur when I import your repo into stackblitz but it does when I run it locally.

@renanrider In your case calling book.destroy() in ngOnDestroy() fixes your issue.

You can update the angular version on stackblitz to 16 by clicking the update button :

image