讲师中心 微信公众号
AI工具推荐 视频效率加速

Jupyter Notebook网页显示空白怎么解决

风敏吖_9862

风敏吖_9862

发布时间:2026-08-22 12:39:27

|

876人浏览过

|

来源于php中文网

原创

Jupyter Notebook网页显示空白主要因前端资源加载失败或通信异常,需通过浏览器开发者工具的Console和Network标签页排查错误,常见原因包括端口被占、JS/CSS MIME类型注册表污染、require.js未加载等,Windows用户可临时修改notebookapp.py强制设置MIME类型。

jupyter notebook网页显示空白怎么解决

Jupyter Notebook网页显示空白,大概率不是代码或内核问题,而是前端资源加载失败或浏览器与服务端通信异常。直接换浏览器往往能绕过问题,但治标不治本;真正要定位,得看控制台报什么错、端口是否干净、JS/CSS MIME 类型是否被系统注册表污染。

打开浏览器开发者工具看 ConsoleNetwork 标签页

这是最快速有效的第一判断步骤。白屏时右键 → “检查” → 切到 Console,常见线索有:

  • Failed to load resource: net::ERR_CONNECTION_REFUSED:说明前端尝试连接的地址(比如 http://localhost:8888/static/...)根本没响应,可能是服务没起来,或端口被占
  • MIME type (“text/plain”) is not executableRefused to execute script from ... because its MIME type (...) is not “text/javascript”:Windows 上常见,系统注册表把 .js 文件关联成了纯文本,导致 Tornado 误判 MIME 类型
  • Uncaught ReferenceError: require is not defined:前端 JS 没加载成功,可能是 /static/components/requirejs/require.js 404,根源常是 mimetypes 配置错误或包损坏

再切到 Network 标签页,刷新页面,观察哪些 .css.js 请求状态码是 404 或返回内容为空。重点盯 main.min.jstree.jsbase.css 这几类文件。

Windows 下修复 .js.css 的 MIME 类型

这是 Windows 用户高频踩坑点,尤其用过旧版软件或手动改过系统注册表后。Jupyter Notebook 启动的 Tornado 服务会查系统注册表获取扩展名对应 MIME 类型,一旦 .js 被注册为 text/plain,浏览器就会拒绝执行。

临时修复方法(推荐):

Jupyter Notebook 7.5.4
Jupyter Notebook 7.5.4

Jupyter Notebook 7.5.4 官方 PyPI wheel 包下载,适合用于本地交互式代码运行、数据分析、教学演示和配置文件实践。

下载
  • 找到你的 notebookapp.py 文件,路径类似:python/Lib/site-packages/notebook/notebookapp.py
  • 在文件末尾(函数定义外)添加两行:
import mimetypes
mimetypes.add_type('application/javascript', '.js')
mimetypes.add_type('text/css', '.css')

重启 jupyter notebook 即可。这个补丁强制覆盖系统注册表行为,不影响其他应用。

端口冲突或残留进程导致服务假启动

现象是终端显示 Jupyter Notebook 7.13.0 is running at: http://localhost:8888/...,但浏览器白屏,且 jupyter notebook list 查不到实例。本质是上一次进程没彻底退出,新进程绑定了端口却无法正常提供静态资源服务。

  • 先执行 lsof -i :8888(macOS/Linux)或 netstat -ano | findstr :8888(Windows),找出 PID
  • 杀掉对应进程:kill -9 PID 或 Windows 里用 taskkill /PID PID /F
  • 启动时显式指定新端口:jupyter notebook --port=8890,避开 8888/8889 这两个易冲突端口
  • 如果仍不行,加 --no-browser 启动,再手动复制终端输出的完整 URL(含 token)粘贴进浏览器,排除浏览器自动打开逻辑干扰

pyecharts / matplotlib 图表空白是另一类问题

注意:这种“空白”仅发生在单元格输出区,页面主体是正常的,和前述完全白屏不同。典型表现是 bar.render_notebook() 执行后啥也不显示。

  • pyecharts 必须显式调用 bar.load_javascript(),否则 ECharts JS 不加载,只生成空容器
  • matplotlib 需提前运行魔法命令:%matplotlib inline,否则绘图对象不会渲染到输出区
  • 若用 JupyterLab 而非 classic Notebook,pyecharts 需设置:CurrentConfig.NOTEBOOK_TYPE = NotebookType.JUPYTER_LAB

这类问题不会让整个页面白屏,但容易和主界面问题混淆——排查前先确认:是整个浏览器窗口空白,还是仅某个 cell 输出为空?前者看服务端和浏览器兼容性,后者看库的初始化逻辑。

热门AI工具

更多
立刻MV
立刻MV Hot

立刻MV是一款AI文本写作工具,AI 音乐视频(MV)创作工具。

DeepSeek

DeepSeek是一款面向对话、写作、编程和推理场景的AI大模型工具。

豆包大模型

豆包大模型是一款由字节跳动推出的企业级大语言模型服务平台。

Atoms
Atoms Hot

Atoms是一款AI智能体工具,第一支自动构建真实业务的 AI 团队。

UpDream
UpDream Hot

一款AI视频创作工具,主要用于哔哩哔哩推出的自研AI视频创作工具,适合需要提升相关任务效率的用户。

Loomy
Loomy Hot

一款AI工具,主要用于科大讯飞发布的桌面级 AI 助理,比 OpenClaw 更易用、更安全!,适合需要提升相关任务效率的用户。

讯飞智作

讯飞智作是一款AI视频创作工具,AI文本配音工具,数字人课程、营销视频制作。

Laper
Laper Hot

Laper是专为编剧、导演和制片人推出的 AI 原生剧本创作工具。

WorkBuddy

一款AI办公效率工具,主要用于腾讯云推出的AI原生桌面智能体工作台,适合需要提升相关任务效率的用户。

相关专题

更多
python打包成可执行文件
python打包成可执行文件

本专题为大家带来python打包成可执行文件相关的文章,大家可以免费的下载体验。

1551

2023.07.20

python能做什么
python能做什么

python能做的有:可用于开发基于控制台的应用程序、多媒体部分开发、用于开发基于Web的应用程序、使用python处理数据、系统编程等等。本专题为大家提供python相关的各种文章、以及下载和课程。

3664

2023.07.25

format在python中的用法
format在python中的用法

Python中的format是一种字符串格式化方法,用于将变量或值插入到字符串中的占位符位置。通过format方法,我们可以动态地构建字符串,使其包含不同值。php中文网给大家带来了相关的教程以及文章,欢迎大家前来阅读学习。

1569

2023.07.31

python教程
python教程

Python已成为一门网红语言,即使是在非编程开发者当中,也掀起了一股学习的热潮。本专题为大家带来python教程的相关文章,大家可以免费体验学习。

20917

2023.08.03

python环境变量的配置
python环境变量的配置

Python是一种流行的编程语言,被广泛用于软件开发、数据分析和科学计算等领域。在安装Python之后,我们需要配置环境变量,以便在任何位置都能够访问Python的可执行文件。php中文网给大家带来了相关的教程以及文章,欢迎大家前来学习阅读。

2587

2023.08.04

python eval
python eval

eval函数是Python中一个非常强大的函数,它可以将字符串作为Python代码进行执行,实现动态编程的效果。然而,由于其潜在的安全风险和性能问题,需要谨慎使用。php中文网给大家带来了相关的教程以及文章,欢迎大家前来学习阅读。

2647

2023.08.04

scratch和python区别
scratch和python区别

scratch和python的区别:1、scratch是一种专为初学者设计的图形化编程语言,python是一种文本编程语言;2、scratch使用的是基于积木的编程语法,python采用更加传统的文本编程语法等等。本专题为大家提供scratch和python相关的文章、下载、课程内容,供大家免费下载体验。

1063

2023.08.11

python合并两个列表
python合并两个列表

Python是一种强大的编程语言,具有许多方便的功能和工具。在Python中,有多种方法可以合并两个列表。php中文网给大家带来了相关的教程以及文章,欢迎大家前来学习阅读。

576

2023.08.10

Conan私有仓库搭建教程
Conan私有仓库搭建教程

本专题系统的讲解Conan私有仓库的搭建流程,涵盖仓库服务部署、存储目录配置、用户认证、权限划分和远程地址添加,并介绍内部C++依赖包的上传、下载及版本维护方法。

0

2026.09.22

热门下载

更多
网站特效
/
网站源码
/
网站素材
/
前端模板

精品课程

更多
相关推荐
/
热门推荐
/
最新课程
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn