Issue panel is not working on dev mode without forge tunnel

Hi,

I’m developing a Forge app that renders on the issue panel. Everything works perfectly when I run it locally using forge tunnel. However, after building the app and deploying it with forge deploy , the app does not appear on the issue panel. It seems like the static assets are not being loaded correctly after deployment.
Also I am using node v22.11.0 and forge v12.2.0
Could you please help me identify what might be going wrong?

Thanks in advance,

Mertcan.

Hey @MertcanKaraba1

I’d suggest doing a hard refresh of the window to ensure there’s not something cached.

From there, have you had a look in the developer console in the browser to see whether there are any errors that could point towards the cause of the problem?

Cheers!
Mel

Hi @MertcanKaraba1 , if hard refreshing doesn’t work, can you also go through the trouble shooting steps listed here: https://developer.atlassian.com/platform/forge/extend-ui-with-custom-options/#accessing-static-assets. If you look at the index.html file in your build output, the assets listed in the head tag should be using relative paths. I suspect it might be using absolute paths which is where the error might be from.

  1. Check relative paths: Ensure all static files use relative paths, like ./assets/image.png.
  2. React apps: When using create-react-app to generate your static assets (by creating a single-page React app), set "homepage": "./" in your package.json for relative paths when bundling.
  3. Vue.js and Vite: Add base: './' to your vite.config.js to convert absolute paths to relative paths.
2 Likes