Rails/ReactJs View not updating on Browser Refresh

Question

Just recently, I have added Reactjs to my Rails application. However, whenever I reload the same.jsx file, but with different content (ie <h1>Hello<h1/> to <h1> Hello again<h1/> ), the browser does not respond and update the view. I have tried restarting the server and reloading the page. I have also created a separate rails application, and I was able to recreate Furthermore,I have also pulled my partner's repositories to check if there were any file differences. There were none.

However , when I pull his repo, my browser updates the content, but it doesn't update it anymore afterward when I edit a.jsx file. It should also be noted that when I edit the content on a.jsx file, the view updates for him, but it doesn't update for me when reloading the page. Our files are the same, but only I have the problem. I have also toggled safe mode, but it didn't make a difference.

I am using Webpacker with Yarn on Jetbrains' RubyMine with Windows 10. Here is a picture of what the problem is: The code vs the output

Answer 1

After a great amount of trial and error, the problem was with the IDE and where it was retrieving its settings and files from. I had a backup HDD that held old information on it such as my last projects contents. This was wiped.

I also managed to find old IDE settings in my "../users/%your_name$/.Rubymine2018.1". All old RubyMine settings were removed. I also reinstalled my IDE to give it yet another clean start. As far as I can tell, this has worked.

A big thanks to everyone who helped me in the comments!

Answer 2

I have been facing the same issue, and as I have tried to follow the guide provided previously I couldn't know where to start from.

And what I had to do is to run npm run build everytime I update my jsx in my component.