Hot module replacement in angular 8

Question

I am currently starting a new angular project, and I would like to implement HMR (Hot Module Replacement).

I have done each and every step described in the tutorial, but I get the following errors:

Using the latest angular version. Fresh project setup.

@Freestyle09 , fresh project setup , root directory. Pretty easy to reproduce. — Tanasos, Aug 13 '19 at 11:41
Have you checked that only 'ng serve' is working ? 'Project does not exist' is weird error — Freestyle09, Aug 13 '19 at 11:50
@Freestyle09 , `ng serve` works, it starts the project as expected. — Tanasos, Aug 13 '19 at 11:54

score 6 · Accepted Answer · answered Aug 13 '19 at 12:10

6

NOTE: I have found the most relevant tutorial (in my opinion) , because I also swapped my code snippets with the ones described in it, so please use this one for reference.

The problem with the Project does not exist. error was that I have forgot to add the local name (directory name) of the project in angular.json

Must become:

And, voila:

answered Aug 13 '19 at 12:10

Tanasos

3,928
4
33
63

1

Thank you so much, I followed the the most relevant tutorial and the answer you give and it works completely find. – Louay Al-osh Oct 19 '19 at 06:50

score 3 · Answer 2 · edited Oct 02 '19 at 06:38

The error message is pretty good in this case: project does not exist.

Check your angular.json file.

a. find key "defaultProject". it should be name of your project.

b. find key projects. by default, it should have only object with your project name.
Either you can add a new project with required configuration or just rename both defaultProject value and project project object key.

If you have set HMR correctly then all should go well otherwise you will find below error:

Configuration 'hmr' is not set in the workspace.

Hot module replacement in angular 8

2 Answers2