Not Monitored
Tag not monitored by Microsoft.
40,244 questions
Not able to deploy my static react app
![](data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' height='64' class='font-weight-bold' style='font: 600 30.11764705882353px "SegoeUI", Arial' width='64'%3E%3Ccircle fill='hsl(265.6, 38%, 35%)' cx='32' cy='32' r='32' /%3E%3Ctext x='50%25' y='55%25' dominant-baseline='middle' text-anchor='middle' fill='%23FFF' %3ER%3C/text%3E%3C/svg%3E)
Riz
10
Reputation points
These are my folder structure , and don't know where i am doing mistake .most probably it could be in the file
{count} votes
-
![](data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' height='64' class='font-weight-bold' style='font: 600 30.11764705882353px "SegoeUI", Arial' width='64'%3E%3Ccircle fill='hsl(224.00000000000003, 86%, 31%)' cx='32' cy='32' r='32' /%3E%3Ctext x='50%25' y='55%25' dominant-baseline='middle' text-anchor='middle' fill='%23FFF' %3EA%3C/text%3E%3C/svg%3E)
AmaranS 7,240 Reputation points Microsoft Vendor2024-04-20T13:20:01.8633333+00:00 Hi ,
It seems like you're having trouble deploying your static React app, and you suspect the issue might be related to your folder structure or files. Let's break it down:
- Folder Structure: Your folder structure seems to consist of frontend and backend directories, along with some configuration files like .gitignore, Dockerfile, etc.
- React App: Your React app is likely within the frontend directory, containing files like index.html, package.json, etc.
- Deployment Issue: It's unclear what specific problem you're facing with deployment. Are you using Docker for deployment, or some other method? Are you deploying to a hosting service like AWS, Heroku, or deploying locally?
To help you further, I need more information:
- Deployment Method: How are you trying to deploy your React app? Are you using Docker, a hosting service, or something else? - Error Message: If there's an error message you're encountering during deployment, sharing that would be helpful. - Expected Outcome: What is the desired outcome of your deployment? Are you trying to deploy it to a server for public access, or are you deploying it for local development/testing?
With this information, I can provide more specific guidance on troubleshooting your deployment issue.
-
Riz 10 Reputation points
2024-04-20T13:55:38.6233333+00:00 Here I am not using docker , I am deploying static react app to azure , by following this module
And I am not able to deploy it . If you need more info i can provide you .
Thanks for your reply .
-
AmaranS 7,240 Reputation points Microsoft Vendor
2024-04-20T14:30:44.18+00:00 Hi @Riz,
we are sorry to hear you're facing this issue.
Here are the detailed steps to configure a static web app deployed React app to serve JavaScript content properly.
- Ensure your React app is being built correctly and artifacts are generated in the /build folder that gets deployed. Test locally.
- Add a mime-types.json file to the client folder to specify JavaScript mime-type
- Validate the build artifacts contain your JS bundles with the .js extension and not something like .txt.
- Check the App Service logs in Kudu for any errors processing the JavaScript files during deployment.
- Enable diagnostics logging and trace failed requests to see how JavaScript files are handled.
Additionally reference thread link:
https://learn.microsoft.com/en-us/answers/questions/709680/react-app-deploying-in-azure-app-services
If the issue persists after trying these steps, please let us know.
Sign in to comment
Sign in to answer