webcontainer-core icon indicating copy to clipboard operation
webcontainer-core copied to clipboard

Angular dev server can't finish rebuild

Open LuisTovar0 opened this issue 10 months ago • 0 comments

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

  1. Create new Vanilla JS project
  2. cd ..
  3. rm -rf <project-name>/*
  4. 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
  5. Save project
  6. Exit Stackblitz and enter the project again, or reload page/link
  7. Wait for install, run pnpm start, wait for the app to render
  8. 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

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

LuisTovar0 avatar Apr 15 '24 10:04 LuisTovar0