How to build reactJS App in Visual studio Code and publish in IIS

Hello issac

 

Deployment

npm run build creates a build directory with a production build of your app. Set up your favorite HTTP server so that a visitor to your site is served index.html, and requests to static paths like /static/js/main..js are served with the contents of the /static/js/main..js file. For more information see the production build section.

Deploy in Azure

Azure#

Azure Static Web Apps creates an automated build and deploy pipeline for your React app powered by GitHub Actions. Applications are geo-distributed by default with multiple points of presence. PR's are built automatically for staging environment previews.

Create a new Static Web App here.

Add in the details and connect to your GitHub repo.

Make sure the build folder is set correctly on the "build" tab and create the resource.

Azure Static Web Apps will automatically configure a GitHub Action in your repo and begin the deployment.

See the Azure Static Web Apps documentation for more information on routing, APIs, authentication and authorization, custom domains and more.

To Build and Deploy ReactJs Application you can refer the below link :

https://create-react-app.dev/docs/deployment/

Hi Issac thiyagarajan,

 

Please  refer to this - Its perfect article to read - https://www.c-sharpcorner.com/article/deploy-reactjs-application-on-iis/

Actually i created an REACTJS app in VisualStudio Code.

 - Build the app using npm run build.

 - Copy the files from build folder. 

 - Open Inetpub -> WWWRoot folder

 - Create a folder myReact and paste the files and folders from build folder.

 - Open IIS, select the folder myReact and convert to application.

 - browse the application as localhost/myreact

 - Blank Page displayed. but in the console it prompts as below

     

   => main.8c8b27cf.chunk.css:1 Failed to load resource: the server responded with a status of 404 (Not Found)

   => manifest.json:1 Failed to load resource: the server responded with a status of 404 (Not Found) 

 

Please help me how to resolve this.

 

Thanks. 

Hi Agyekum Essien

 

I cant understand your reply