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”
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
- fix(@angular-devkit/build-angular): disable runtime errors from being displayed in overlay By default now webpack-dev-server adds runtime errors in an overlay. See: https://github.com/webpack/webpack... — committed to alan-agius4/angular-cli by alan-agius4 a year ago
- fix(@angular-devkit/build-angular): disable runtime errors from being displayed in overlay By default now webpack-dev-server adds runtime errors in an overlay. See: https://github.com/webpack/webpack... — committed to angular/angular-cli by alan-agius4 a year ago
- fix(@angular-devkit/build-angular): disable runtime errors from being displayed in overlay By default now webpack-dev-server adds runtime errors in an overlay. See: https://github.com/webpack/webpack... — committed to angular/angular-cli by alan-agius4 a year ago
My workaround is hide the webpack dev server message
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()
inngOnDestroy()
fixes your issue.You can update the angular version on stackblitz to 16 by clicking the update button :