jupyterlite离线运行需构建时预装依赖并启用http服务:直接双击触发跨域错误,须用python -m http.server;pip install无效,应通过pyodide.loadpackage或配置jupyterlite_config.json预打包numpy等支持库;绘图用%matplotlib inline而非widget。

为什么 jupyterlite 本地双击打开 notebook 会报错 Failed to fetch
因为 JupyterLite 默认依赖服务端(如 http-server)提供静态资源,直接用 file:// 协议打开会触发浏览器跨域限制,所有 .ipynb、pyodide 包、内核初始化请求全失败。
- 必须启动一个本地 HTTP 服务,哪怕只是临时的:
python -m http.server 8000(进入_output或构建后的目录下运行) - 访问地址必须是
http://localhost:8000,不能是file:///xxx/index.html - 某些浏览器(如 Safari)对
localhost的 Service Worker 行为更严格,Chrome / Firefox 更稳妥
离线环境里 pip install 不生效?别试了,改用 pyodide.loadPackage
JupyterLite 没有真正的 pip,它靠 Pyodide 在浏览器里模拟 Python 环境,所有包必须预编译为 wasm 并提前加载。你写的 !pip install numpy 在 cell 里只会输出 Command not found 或静默失败。
- 只支持 Pyodide 官方打包的库:查 Pyodide packages list,比如
numpy、pandas、matplotlib可用,requests要换pyfetch - 在 notebook 开头用 JS cell 加载:
<script> await pyodide.loadPackage(["numpy", "pandas"]); </script>
- Python cell 里不能用
import直接调,要等加载完成——建议封装成await micropip.install(...)(仅限 Pyodide 0.24+),但离线时仍需提前内置
如何让 notebook 真正「离线可用」:构建时就得把依赖打进 dist/
所谓“离线”,不是指不联网就能跑,而是指整个 dist/ 目录拷到无网机器上,开服务就能用。关键在构建阶段把所有需要的 Python 包、自定义 kernel、notebook 文件都固化进去。
- 配置
jupyterlite_config.json,显式声明要打包的包:{ "jupyter-lite": { "contents": ["./notebooks/"], "output_dir": "./_output" }, "jupyterlab": { "dev_mode": false }, "pyolite": { "packages": ["numpy", "pandas", "matplotlib"] } } - 运行构建命令:
jupyter lite build,它会下载对应 Pyodide wheel、转 wasm、合并进dist/pyodide/ - 检查生成目录里是否有
dist/pyodide/numpy.*.whl和dist/content/下的 notebook 文件——缺一个,离线就断链
用 matplotlib 画图没显示?不是 bug,是默认后端不支持
Pyodide 里 matplotlib 默认用 Agg 后端,不渲染图像;而 ipympl(Jupyter Widget 版)在 Lite 中未被完全支持,容易白屏或报 ModuleNotFoundError: ipympl。
立即学习“Python免费学习笔记(深入)”;
- 最稳方案:用
%matplotlib inline+plt.show(),它走的是 PNG base64 内联输出,兼容性最好 - 避免用
%matplotlib widget,Lite 当前不支持完整 Widget 通信链路 - 若需交互,可降级用
plotly(需提前加进配置packages),它通过 JS 渲染,不依赖 Python 后端
pyodide.loadPackage 或配置里少写一个包名,现场就卡住。










