UI not loading | Backstage | Page 1

fiery geyser Aug 14, 2024, 2:27 PM

#

Has anyone seen an issue where the UI is continuously loading in browser when starting with yarn dev or yarn start? My team uses dev containers to setup backstage environment…I have one coworker who can’t load the UI in the browser and not sure why. Any ideas?

old coral Aug 14, 2024, 3:37 PM

#

Hi @fiery geyser , May I check if you have a blank page displayed when running the instance ?

fiery geyser Aug 14, 2024, 3:39 PM

#

Yes it’s just a blank page. No JS or anything is loaded. The browser tab is spinning loading. In the network tab there’s a single pending network request that never resolves.

#

Also if we use a curl command to localhost:3000 we get a correct looking response back.

old coral Aug 14, 2024, 3:43 PM

#

This might be due to the "csp" . You might need to turn down CSP in the app-config.yaml by setting the following : upgrade-insecure-requests: false into the csp: section.

#

Hopefully this solves the issue.

fiery geyser Aug 14, 2024, 3:45 PM

#

Yep thought that too we tried but did not resolve. I’m not sure if it was working because the network request shown in browser dev tools still showed Upgrade insecure requests header as 1

old coral Aug 14, 2024, 3:51 PM

#

I see, please do check if its any CORS issue.
At times, there may be TypeScript errors that prevent the application from compiling correctly. Running a yarn tsc might help too.

fiery geyser Aug 14, 2024, 9:45 PM

#

I believe I found the problem and solution. There was some change in newer Docker desktop versions with host bindings. I was using docker desktop 4.26 just fine but was able to reproduce after upgrading to 4.33. Coworkers has 4.30.

#UI not loading