I’m trying to fetch the html content from a running Streamlit app (App A) and display it embedded inside the html
function (or in an iFrame) in another Streamlit app (App B). However I’ve tried various strategies (such as using a flask
proxy, or a headless browser like selenium
), I keep seeing nothing of App A being loaded inside App B, and an error logged out in the console where App B is running, complaining that “You need to enable JavaScript to run this app.”
Does any body have any idea about how to fix it?
More info:
- I’m running my app locally
- Full text of the error message:
<html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width,initial-scale=1,shrink-to-fit=no"><link rel="shortcut icon" href="./favicon.png"><link rel="preload" href="./static/media/SourceSansPro-Regular.0d69e5ff5e92ac64a0c9.woff2" as="font" type="font/woff2" crossorigin=""><link rel="preload" href="./static/media/SourceSansPro-SemiBold.abed79cd0df1827e18cf.woff2" as="font" type="font/woff2" crossorigin=""><link rel="preload" href="./static/media/SourceSansPro-Bold.118dea98980e20a81ced.woff2" as="font" type="font/woff2" crossorigin=""><title>Streamlit</title><script>window.prerenderReady=!1</script><script defer="defer" src="./static/js/main.d55f6a3c.js"></script><link href="./static/css/main.29bca1b5.css" rel="stylesheet"><style media=""></style><style data-emotion="st-emotion-cache-global" data-s=""></style><style data-emotion="st-emotion-cache" data-s=""></style></head><body><noscript>You need to enable JavaScript to run this app.</noscript><div id="root"><div class=""><div class="withScreencast" data-testid="stScreencast"><div tabindex="-1"><div class="stApp stAppEmbeddingId-siqeedemk68f st-emotion-cache-1r4qj8v erw9t6i1" data-testid="stApp" data-teststate="initial"><header tabindex="-1" data-testid="stHeader" class="st-emotion-cache-12fmjuu ezrtsby2"><div data-testid="stDecoration" id="stDecoration" class="st-emotion-cache-1dp5vir ezrtsby1"></div><div data-testid="stToolbar" class="st-emotion-cache-15ecox0 ezrtsby0"></div></header><div class="appview-container st-emotion-cache-1yiq2ps ea3mdgi9" data-testid="stAppViewContainer" data-layout="narrow"><section tabindex="0" class="main st-emotion-cache-bm2z3a ea3mdgi8"><div class="block-container st-emotion-cache-13ln4jf ea3mdgi5" data-testid="stAppViewBlockContainer"><div data-testid="stVerticalBlockBorderWrapper" data-test-scroll-behavior="normal" class="st-emotion-cache-0 e1f1d6gn0"><div class="st-emotion-cache-1wmy9hl e1f1d6gn1"><div width="704" data-testid="stVerticalBlock" class="st-emotion-cache-1n76uvr e1f1d6gn2"><div data-stale="false" width="704" class="element-container st-emotion-cache-1vxmjmh e1f1d6gn4" data-testid="element-container"></div></div></div></div></div><div data-testid="IframeResizerAnchor" data-iframe-height="true" class="st-emotion-cache-1dumvfu ea3mdgi0"></div></section></div></div></div></div><div id="portal" data-testid="portal" class="st-emotion-cache-1q6lfs0 erw9t6i0"></div></div><div class=""></div></div></body></html>
- Streamlit=1.37.1 ; Python=3.9.19