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.
- Check relative paths: Ensure all static files use relative paths, like
./assets/image.png.
- 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.
- Vue.js and Vite: Add
base: './' to your vite.config.js to convert absolute paths to relative paths.
2 Likes