No components in the page #1
Comments
|
Hey there, glad you like the component. Just to check, what version do you have? I made updates and currently the version up is 1.0.1. I just checked it and it seems to be working fine. With regards to the missing js packages, not sure if that is related to the component, it does not use any of the packages you listed. Could you send a quick screenshot of your code or perhaps input it so that I can have a look? |
|
Hey again, could you confirm if you are still having this problem? Could you show me what exactly it looks like? |
|
Hey @Socvest! Great job!! I have the same issue here, no components are shown in the page. Any ideas for the problem? I installed the 1.0.1 version through the command: pip install streamlit-on-Hover-tabs==1.0.1. Is there any possibility that there are problems with other packages without throwing any errors? Thank you in advance for your time! |
Thanks. It only uses the glamor package and even that is not as important to the functioning of the component. Could you please attach a gif of what you are seeing? Also what is your screen size? This usually affects whether you are able to see it or not as was solved here |
|
Hello again! Apologies, I have been busy with other projects. I see what you were saying. The sidebar css was arranged by streamlit such that when the screen size is a certain size - bigger than 768px, then the sidebar is moved about 300px to the left so it is off the screen. Hence why it was not visible to you. I have adjusted the style.css file to reflect these new changes. Give it a shot and let me know if it works. |
Hi, thanks for your interest job!
I run the sample code in my computer. but there is no output in the page.
After check the source code, I find some js components are missing.
Like, vendor/viz, vendor/bokeh,.....
How to fix this issue?
thanks in advance.
<!doctype html><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](http://10.100.159.124:8501/favicon.png)"/><title>Streamlit</title><script src="[./vendor/viz/viz-1.8.0.min.js](http://10.100.159.124:8501/vendor/viz/viz-1.8.0.min.js)" type="javascript/worker"></script><script src="[./vendor/bokeh/bokeh-2.4.1.min.js](http://10.100.159.124:8501/vendor/bokeh/bokeh-2.4.1.min.js)"></script><script src="[./vendor/bokeh/bokeh-widgets-2.4.1.min.js](http://10.100.159.124:8501/vendor/bokeh/bokeh-widgets-2.4.1.min.js)"></script><script src="[./vendor/bokeh/bokeh-tables-2.4.1.min.js](http://10.100.159.124:8501/vendor/bokeh/bokeh-tables-2.4.1.min.js)"></script><script src="[./vendor/bokeh/bokeh-api-2.4.1.min.js](http://10.100.159.124:8501/vendor/bokeh/bokeh-api-2.4.1.min.js)"></script><script src="[./vendor/bokeh/bokeh-gl-2.4.1.min.js](http://10.100.159.124:8501/vendor/bokeh/bokeh-gl-2.4.1.min.js)"></script><script src="[./vendor/bokeh/bokeh-mathjax-2.4.1.min.js](http://10.100.159.124:8501/vendor/bokeh/bokeh-mathjax-2.4.1.min.js)"></script><link href="[./static/css/5.71be5c0a.chunk.css](http://10.100.159.124:8501/static/css/5.71be5c0a.chunk.css)" rel="stylesheet"><link href="[./static/css/main.b46f6fce.chunk.css](http://10.100.159.124:8501/static/css/main.b46f6fce.chunk.css)" rel="stylesheet"></head><body><noscript>You need to enable JavaScript to run this app.</noscript><div id="root"></div><script>!function(e){function t(t){for(var n,c,o=t[0],a=t[1],u=t[2],i=0,s=[];i<o.length;i++)c=o[i],Object.prototype.hasOwnProperty.call(f,c)&&f[c]&&s.push(f[c][0]),f[c]=0;for(n in a)Object.prototype.hasOwnProperty.call(a,n)&&(e[n]=a[n]);for(l&&l(t);s.length;)s.shift()();return d.push.apply(d,u||[]),r()}function r(){for(var e,t=0;t<d.length;t++){for(var r=d[t],n=!0,c=1;c<r.length;c++){var a=r[c];0!==f[a]&&(n=!1)}n&&(d.splice(t--,1),e=o(o.s=r[0]))}return e}var n={},c={4:0},f={4:0},d=[];function o(t){if(n[t])return n[t].exports;var r=n[t]={i:t,l:!1,exports:{}};return e[t].call(r.exports,r,r.exports,o),r.l=!0,r.exports}o.e=function(e){var t=[];c[e]?t.push(c[e]):0!==c[e]&&{7:1}[e]&&t.push(c[e]=new Promise((function(t,r){for(var n="static/css/"+({}[e]||e)+"."+{0:"31d6cfe0",1:"31d6cfe0",2:"31d6cfe0",6:"31d6cfe0",7:"f5138d60",8:"31d6cfe0",9:"31d6cfe0",10:"31d6cfe0",11:"31d6cfe0",12:"31d6cfe0",13:"31d6cfe0",14:"31d6cfe0",15:"31d6cfe0",16:"31d6cfe0",17:"31d6cfe0",18:"31d6cfe0",19:"31d6cfe0",20:"31d6cfe0",21:"31d6cfe0",22:"31d6cfe0",23:"31d6cfe0",24:"31d6cfe0",25:"31d6cfe0",26:"31d6cfe0",27:"31d6cfe0",28:"31d6cfe0",29:"31d6cfe0",30:"31d6cfe0",31:"31d6cfe0",32:"31d6cfe0",33:"31d6cfe0",34:"31d6cfe0",35:"31d6cfe0",36:"31d6cfe0",37:"31d6cfe0",38:"31d6cfe0",39:"31d6cfe0",40:"31d6cfe0",41:"31d6cfe0",42:"31d6cfe0",43:"31d6cfe0",44:"31d6cfe0"}[e]+".chunk.css",f=o.p+n,d=document.getElementsByTagName("link"),a=0;a<d.length;a++){var u=(l=d[a]).getAttribute("data-href")||l.getAttribute("href");if("stylesheet"===l.rel&&(u===n||u===f))return t()}var i=document.getElementsByTagName("style");for(a=0;a<i.length;a++){var l;if((u=(l=i[a]).getAttribute("data-href"))===n||u===f)return t()}var s=document.createElement("link");s.rel="stylesheet",s.type="text/css",s.onload=t,s.onerror=function(t){var n=t&&t.target&&t.target.src||f,d=new Error("Loading CSS chunk "+e+" failed.\n("+n+")");d.code="CSS_CHUNK_LOAD_FAILED",d.request=n,delete c[e],s.parentNode.removeChild(s),r(d)},s.href=f,document.getElementsByTagName("head")[0].appendChild(s)})).then((function(){c[e]=0})));var r=f[e];if(0!==r)if(r)t.push(r[2]);else{var n=new Promise((function(t,n){r=f[e]=[t,n]}));t.push(r[2]=n);var d,a=document.createElement("script");a.charset="utf-8",a.timeout=120,o.nc&&a.setAttribute("nonce",o.nc),a.src=function(e){return o.p+"static/js/"+({}[e]||e)+"."+{0:"82d9d691",1:"41cbec15",2:"dbd55c92",6:"7ec31925",7:"85ba4e86",8:"d6b4540e",9:"568f55f3",10:"62d2acd1",11:"5dd372e4",12:"75ba938f",13:"640099b2",14:"dec27756",15:"bb36f352",16:"e0ff5a83",17:"55bdd533",18:"417e7db5",19:"a97d3788",20:"14a753ba",21:"81da819e",22:"4e054289",23:"e332c265",24:"9cf6cd9f",25:"7a23db90",26:"6c854743",27:"bb14fa54",28:"55fc8575",29:"e5d8f8cc",30:"a6f46ad4",31:"0f4d42f4",32:"ec76442a",33:"c16196fe",34:"194522d6",35:"fae54e30",36:"1b75579f",37:"5ab35022",38:"04f3f7d8",39:"4da3a545",40:"6f9ef4f3",41:"95bd87e1",42:"810f434c",43:"b19a8746",44:"a6ccee7a"}[e]+".chunk.js"}(e);var u=new Error;d=function(t){a.onerror=a.onload=null,clearTimeout(i);var r=f[e];if(0!==r){if(r){var n=t&&("load"===t.type?"missing":t.type),c=t&&t.target&&t.target.src;u.message="Loading chunk "+e+" failed.\n("+n+": "+c+")",u.name="ChunkLoadError",u.type=n,u.request=c,r[1](u)}f[e]=void 0}};var i=setTimeout((function(){d({type:"timeout",target:a})}),12e4);a.onerror=a.onload=d,document.head.appendChild(a)}return Promise.all(t)},o.m=e,o.c=n,o.d=function(e,t,r){o.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:r})},o.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},o.t=function(e,t){if(1&t&&(e=o(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var r=Object.create(null);if(o.r(r),Object.defineProperty(r,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var n in e)o.d(r,n,function(t){return e[t]}.bind(null,n));return r},o.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return o.d(t,"a",t),t},o.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},o.p="./",o.oe=function(e){throw console.error(e),e};var a=this["webpackJsonpstreamlit-browser"]=this["webpackJsonpstreamlit-browser"]||[],u=a.push.bind(a);a.push=t,a=a.slice();for(var i=0;i<a.length;i++)t(a[i]);var l=u;r()}([])</script><script src="[./static/js/5.26b8f29c.chunk.js](http://10.100.159.124:8501/static/js/5.26b8f29c.chunk.js)"></script><script src="[./static/js/main.970d3503.chunk.js](http://10.100.159.124:8501/static/js/main.970d3503.chunk.js)"></script></body></html>The text was updated successfully, but these errors were encountered: