webcontainer-core
webcontainer-core copied to clipboard
Angular dev server can't finish rebuild
Describe the bug
When an Angular 17 project is opened, it runs pnpm install && pnpm start
like normal. But when there's a file change, the dev server will detect it and start rebuilding, but it won't finish rebuilding. Basically it seems like the hot-reload is broken. I have to ^C pnpm start
every time i want to see how it looks
Link to the blitz that caused the error
https://stackblitz.com/edit/mat-ripple-breaking-mat-table
Steps to reproduce
- Create new Vanilla JS project
-
cd ..
-
rm -rf <project-name>/*
-
npx @angular/cli new <project-name> --force --minimal --package-manager pnpm --routing false --skip-git --skip-tests --ssr false --style scss
, wait for install to finish - Save project
- Exit Stackblitz and enter the project again, or reload page/link
- Wait for install, run
pnpm start
, wait for the app to render - Edit the template of
src/app/app.component.ts
Expected behavior
After the change is saved (either by typing or by manual save), the dev server detects the change and starts rebuilding the app. It should rebuild it successfully, and then reload the app served from port 4200.
Parity with Local
- [X] I have run the project in my local machine and I could not reproduce the issue.
Screenshots
No response
Platform
- OS: Windows 10
- Browser: Firefox
- Version: 124.0.2 (64-bit)
Additional context
I tried to replicate in Chromium and the problem doesn't happen there