angular / angular/angular

`learn-angular` : output not updating as code changes

Open
#60,909 2 comments 2 reactions 0 assignees View on GitHub
area: docs
Dominant language
TypeScript
Stars
101k
Forks
27.5k
Avg merge
1d 19h
Merged PRs (30d)
288

Description

### Describe the problem that you experienced

1. Follow the steps given in the tutorial such as changing html, css
2. Notice that the output doesn't change

### Enter the URL of the topic with the problem

https://angular.dev/tutorials/learn-angular/1-components-in-angular

### Describe what you were looking for in the documentation

I am trying to learn Angular. Thus, I was using the tutorial.

### Describe the actions that led you to experience the problem

I was using the tutorial and followed the steps but the output window didn't change automatically(hmr). It only works when the project is rebuilt(clicking on refresh button/reloading the page)

### Describe what you want to experience that would fix the problem

I want the output to reflect the changes in code

### Add a screenshot if that helps illustrate the problem

Initial

![Image](https://github.com/user-attachments/assets/16545ffc-c240-4ab7-af05-3213016d3270)

After changing template to Hello Universe

![Image](https://github.com/user-attachments/assets/826edbdf-e3a4-4b0b-936f-c7bce0dbc4f1)

After pressing the retry button(rebuilds the project, no HMR)

![Image](https://github.com/user-attachments/assets/1e7b4a94-13f9-4e13-baa0-6e408b30f402)

### If this problem caused an exception or error, please paste it here

```true

```

### If the problem is browser-specific, please specify the device, OS, browser, and version

```true
This issue only occurs on Firefox, I also tested this on Chrome and Edge but no issue

Device - Lenovo Ideapad Slim 5 14IMH9
OS - Windows 11
Browser - Firefox Version 137.0.2 (64-bit)
```

### Provide any additional information here in as much as detail as you can

```true

```

Contributor guide

Open the contributing guide

Research direction

Start with the learn-angular tutorial at https://angular.dev/tutorials/learn-angular/1-components-in-angular and reproduce the editing flow in Firefox 137.0.2 on Windows 11, comparing it with Chrome or Edge. Done means HTML and CSS changes update the output without pressing retry, refreshing, or rebuilding.

Written by the indexing model from the issue text.

Assessment

Tech stack
angular, typescript
Domain
documentation, frontend
Issue type
Bug
Difficulty
3/5
Estimated time
1-2 days
Activity status
Quiet
Clarity
Mostly clear
Newbie friendliness
52/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.