How to fix the Localhost issue while running ReactJS project in Windows machine
What issues I was facing:
My windows 10 machine was formatted. I was trying to run my project ( Backend Technology: Asp.net and Front-end: ReactJS)on my localhost. I tried running the project by doing npm start
The project was trying to open in localhost. But the localhost was not reachable. If you are facing the same issue or you are not able to access your localhost anyway, then you should go through this article and see if it helps you anyway.
Things that should be there in your system to run your project locally:
- IIS (Internet Information Services)
Go to the windows start button and search with iis if already there in your system. If it's not there, you need to install it, follow the below steps:
Windows > Run > appwiz.cpl > OK
Click on Turn Windows features on or off.
Then click on the ‘Internet Information Services’ option in it. Following options in its expanded form should be clicked.
After selecting all, as shown above, press ok.
IIS will be installed and will be available on your machine. Go to windows search and type iis You will see it as below:
If you click on the program, this is how it is:
Thus, we have set up IIS successfully.
How to run the react project locally now:
Open Visual Studio > Navigate to your project folder > Build
Next, you will see the ‘IIS Express’ button activated. Click on it. Your project should pop up in the browser running on the localhost.
Thus, we have successfully run our ReactJS (backend: .NET) project locally in the windows machine.
Thanks for reading the article !!! Happy Coding :-)