Brython测试页面出现连锁错误，如何正确加载pickle模块与jQuery UI？

1. 修正模块导入的拼写错误 #

打开static/py/page.bpy，找到错误的导入语句：

import pickled

将其修改为正确的标准库模块名：

import pickle

这是触发404、CORS错误的核心原因——Brython会尝试加载不存在的pickled模块，返回404；若静态资源服务器配置不当，请求不存在的跨域资源会进一步触发CORS报错。

2. 确保Brython标准库与路径配置正确 #

在HTML页面中，确认Brython的初始化代码完整且路径配置无误：

<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/brython@3.12.4/brython.min.js"></script>
<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/brython@3.12.4/brython_stdlib.js"></script>
<script type="text/javascript">
    window.onload = function() {
        brython({
            pythonpath: ['/static/py'] // 指向page.bpy所在的目录
        });
    };
</script>

• 必须加载brython_stdlib.js，Brython的标准库模块（包括pickle）都包含在这个文件中，缺失会导致标准库无法加载。
• pythonpath需准确指向你的自定义脚本目录，确保Brython能找到page.bpy。

3. 验证jQuery UI的加载顺序与配置 #

确保HTML中jQuery与jQuery UI的资源加载顺序正确，且资源路径有效：

<link rel="stylesheet" href="https://code.jquery.com/ui/1.13.2/themes/base/jquery-ui.css">
<script src="https://code.jquery.com/jquery-3.6.4.min.js"></script>
<script src="https://code.jquery.com/ui/1.13.2/jquery-ui.min.js"></script>

这些资源需要放在Brython脚本加载之前，避免依赖顺序导致的功能异常。

4. 测试运行与编辑权限 #

• 启动本地静态服务器（比如执行python -m http.server 8000），访问页面后打开浏览器控制台，确认无404、CORS或模块加载错误。
• 直接用文本编辑器修改static/py/page.bpy，修改后刷新页面，Brython会自动加载最新的脚本内容，确保文件有正常的读写权限即可。

常见排查点 #

• 若仍有CORS错误：确保所有资源（Brython、jQuery UI、自定义脚本）来自同一域名，或本地开发使用内置静态服务器（Python内置服务器默认无跨域限制）。
• 若pickle仍无法加载：检查brython_stdlib.js是否加载成功，确认使用的Brython版本为3.x（该版本全面支持Python标准库的pickle模块）。

内容的提问来源于stack exchange，提问作者Christos Hayward