Linux azure web app can't find assets files, React app
I'm deploying a React app to an Azure Web App on Linux. Node v20. In local, it runs ok. The release pipeline is working well. I've even deleted files via scm.azurewebsites.net/webssh/host and re-deploy, it works. But, when I try to navigate to my app, it does not load. It appears as if the site were new, with the Microsoft presentation page.
Then I tried to see advanced tools->site wwwroot but instead of reporting files on wwwroot directory, try to load my app with two errors on the browser develop tools console:
mysite.scm.azurewebsites.net/assets/index-Taz5NJvN.js net::ERR_ABORTED 404 (Not Found)
I've noticed that it loads the index.html, because it changes the title of the web page, to my app title.
I've inspected /wwwroot directory via Azure -> development tools ->ssh and the assets directory contains those files.
I've been searching and googling but with no luck at all.
I've used
pm2 serve /home/site/wwwroot --no-daemon --spa
and
npx serve -s
in the startup command also, the app was created with Vite.
I would appreciate it if somebody could help me get this app running.
I created a sample vite+react application.
Make sure you build your application before deploying it to azure app service
npm run build
After running above command, it generates dist folder,
That contains everything needed to deploy your application to azure app service.
After deploying the app to azure app service even I faced the same issue with your startup command.
I configured the following startup command in the Configuration section of the Azure web app.
pm2 serve /home/site/wwwroot/dist --no-daemon --spa
- You can find the deployed files in KUDU.
Output after deployment:
- How to add a hover-over tooltip to rhandonstable header cell?
- How to detect the right encoding for read.csv?
- Rcpp Rf_warningcall compiler warnings
- Modify the name of factor variables in lm function(summary function)
- Extreme value analysis and quantile estimation using log Pearson type 3 (Pearson III) distribution - R vs Python
- How to hide NAs when using xlsx::saveWorkbook?
- How do I retrieve a simple numeric value from a named numeric vector in R?
- Adding an image in navbar and adjusting alignment in Rmarkdown
- Matching pair-wise columns from left to right across rows in one dataframe to another dataframe and adding new columns with matching values
- Income to outcome flow chart in Sankey plotly R
- color mapping in geom_conn_bundle not showing correctly
- Print R package startup message AFTER automatic package conflict messages instead of before
- Summing a set of R dataframe rows (column-wise), while retaining the first n columns
- Added variable / partial regression plots for groups in an interaction?
- how to make a topoplot in R with coordinates variable distribution
- List of all functions in base R?
- Plotting multiple plots for different initial conditions in one graph
- Printing repetitively on the same line in R
- Generating UI/Server based on initial selection
- Subset dataframe based on pickerInput
- How to let user pick the data in R-shiny?
- Couldn't show my simple bar charts separately on Shiny R dashboardBody
- How to programmatically filter contents of a second shiny app displayed via iframe
- How to select specific interesting groups for the boxplot in R Shiny app?
- Crosstable and Plot grouping with reactive values
- Is there a way to make multiple Shiny picker inputs where the selections must be disjoint?
- Delay/avoid duplication of shiny server side functions until after credentials
- Predictions only returns value "1"
- How to display a busy indicator in a shiny app?
- Append doesn't work when writing to CSV in R