Boilerplate/template keeps showing the same contents of App.Js page

Question

So I created a new React App and tried editting the default template/boilerplate file but unfortunately, the page is not reloading despite changing the contents of the app.js

I did a manual reload and got this:

What have I done so far?

Deleted node_modules and re-installed it
Run npm start
npm update
Invalidated caches and Restart ( I use Webstorm )

and the hot reload seems not to work.

I´m loosing some hairs already and would appreciate if someone can just point me in the right direction. I know this could be a simple fix but pardon my ignorance as am just starting into the wonderful world of React.

All tips would be welcomed

Edit: This is the error message that pops up in the terminal after punching Npm start

Can you please share the image of the terminal where you hit the `npm start` command? — Aniket Kolekar, Jun 03 '21 at 19:56
Hi @AniketKolekar I just updated my question with the image. — Olasunkanmi, Jun 03 '21 at 21:19

score 1 · Accepted Answer · edited Jun 07 '21 at 11:21

1

It seems like it should be reloading. Maybe it's a caching issue? Try CTRL + SHIFT + R to hard reload.

Or pull it up in an incognito browser.

edited Jun 07 '21 at 11:21

AEM

1,354
8
20
30

answered Jun 03 '21 at 19:55

Tyler Maran

116
5

Boilerplate/template keeps showing the same contents of App.Js page

1 Answers1