Issue with Displaying React Frontend in Jira Plugin

[4sker]

Hello everyone!

I encountered a problem while developing an Atlassian Connect App. I created a simple backend application in Python that outputs HelloWorld.html using Flask, and everything worked fine when I ran it through ngrok.

Then, I needed a proper frontend to create the main page of the plugin, so I decided to use React + Atlaskit. I ran everything through ngrok as well, and to integrate all of this, I used Caddy.

When I install the application through /atlassian-connect.json, everything goes smoothly, the application installs and works, but when I try to access the plugin page through Jira, I get an error saying “Something went wrong.” However, when I check the ngrok logs and the network tab in the developer console, I see that all the content has been delivered successfully. Moreover, if I edit the iframe styles (opacity: 1, height: 100%), all the content appears. But for some reason, the plugin does not want to display this content through the portal and shows an error instead. Why could this be happening?

Locally, everything works perfectly, all requests are processed successfully, and if I open the page not as a Jira plugin, everything is displayed correctly.

Thank you in advance for your help!

[VictorAmadi]

are you using vite? if yes, in your vite config file make sure to add the base: "./"
If you’re using create react app, make sure to add homepage: "." in your package.json file

[4sker]

Thank you for the response!
Yes, I am using Create React App, and after your comment, I tried specifying the homepage in package.json, but it still didn’t help

[jhazelwood]

Have you loaded the connect javascript on the page? It’s required in order to inform the host page it has loaded and establish the bridge.

            <script src="https://connect-cdn.atl-paas.net/all.js" async></script>

[4sker]

It worked in my case! Thank you all for the replies, I added that line to the index.html in my application and everything started working fine! Thanks again