VS Code运行Streamlit应用时网页空白问题求助
问题概述
安装VS Code并配置Streamlit后,执行streamlit run app.py时终端显示运行正常,浏览器打开localhost:8501但页面完全空白,无任何内容或错误提示。已尝试以下排查操作但未解决问题:
- 重新安装Streamlit(执行
pip uninstall streamlit→pip install streamlit) - 清除Streamlit缓存(执行
streamlit cache clear) - 确认终端和浏览器控制台无错误输出
- 运行基础测试脚本仍无内容显示
- 更换Chrome、Edge浏览器及隐身模式打开页面
- 检查Streamlit配置(
streamlit config show)确认服务器端口正常 - 确认VS Code的Python扩展已安装并正常工作
- 彻底卸载重装VS Code和Streamlit
- 应用在PyCharm中可正常运行
待补充系统信息:
- Windows具体版本(10/11)
- Python版本(执行
python --version查看) - Streamlit版本(执行
streamlit --version查看) - VS Code版本
可行解决步骤
核对VS Code终端的Python环境
VS Code可能使用了与PyCharm不同的Python虚拟环境。在VS Code终端执行where python(Windows),确认路径和PyCharm中使用的一致。若不一致,点击VS Code右下角的Python版本标识,切换到正确的环境后重新运行streamlit run app.py。禁用VS Code的代理配置
打开VS Code设置(快捷键Ctrl+,),搜索proxy,暂时禁用所有自定义代理相关选项,重启VS Code后再运行Streamlit应用。修改Streamlit服务器配置
执行streamlit config edit打开配置文件,修改以下参数:server.address = 0.0.0.0 server.enableCORS = false server.enableXsrfProtection = false保存配置后重启Streamlit服务,尝试访问
http://0.0.0.0:8501。排查防火墙/安全软件拦截
暂时关闭Windows防火墙或第三方安全软件,确认是否是它们阻止了Streamlit前端资源加载。若关闭后页面正常,将Streamlit或VS Code添加到防火墙白名单。调整Streamlit版本
尝试安装稳定版本的Streamlit,比如执行pip install streamlit==1.28.0,测试页面是否能正常显示。以管理员身份运行VS Code
右键点击VS Code图标选择「以管理员身份运行」,再打开终端执行Streamlit命令,避免权限不足导致资源加载失败。
内容的提问来源于stack exchange,提问作者Siddhartha Reddy




