PyScript关联Python与HTML遇文件获取失败问题求助

核心问题分析 #

1. GitHub地址错误：你在py-config里用的是仓库的Git克隆地址（带.git后缀），PyScript无法从这个地址直接获取文件，需要使用文件的原始访问URL。
2. 错误中的hello.py：报错提到的hello.py并非你配置的Calculator.py，要么是你的Calculator.py代码里导入了hello.py但未在配置中声明，要么是配置存在隐性错误。
3. 缺少执行代码的入口：当前HTML里仅配置了文件获取，但没有<py-script>标签来加载并执行你的Python代码。

解决方案 #

步骤1：获取Python文件的原始URL #

打开GitHub仓库中Calculator.py的页面，点击右上角的「Raw」按钮，复制弹出页面的URL（格式类似https://raw.githubusercontent.com/PrabhaanGoyal/Python.github.io/main/Calculator.py，注意分支名可能是main或master）。

步骤2：修改HTML配置 #

直接在files中填写文件的完整原始URL，或者正确配置from为仓库的原始根路径（不带.git）。以下是两种可行的配置方式：

方式一：直接指定文件完整URL

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>linking html and python</title>
    <link rel="stylesheet" href="https://pyscript.net/latest/pyscript.css" />
    <script defer src="https://pyscript.net/latest/pyscript.js"></script>
</head>
<body>
    <py-config>
        [[fetch]]
        files = ["https://raw.githubusercontent.com/PrabhaanGoyal/Python.github.io/main/Calculator.py"]
        <!-- 如果Calculator.py依赖hello.py，添加它的原始URL： -->
        # files = ["https://raw.githubusercontent.com/PrabhaanGoyal/Python.github.io/main/Calculator.py", "https://raw.githubusercontent.com/PrabhaanGoyal/Python.github.io/main/hello.py"]
    </py-config>

    <!-- 添加执行代码的入口 -->
    <py-script>
        # 导入并执行Calculator.py中的代码
        from Calculator import *
        # 示例：调用计算器功能，比如如果有calculate函数
        # calculate()
    </py-script>
</body>
</html>

方式二：配置根路径+文件名

<py-config>
    [[fetch]]
    from = "https://raw.githubusercontent.com/PrabhaanGoyal/Python.github.io/main/"
    files = ["Calculator.py"]
</py-config>

步骤3：处理hello.py报错 #

• 如果你的Calculator.py确实需要hello.py，将其原始URL添加到files列表中；
• 如果不需要，检查Calculator.py代码，移除对hello.py的导入语句。

额外注意事项 #

• 确保GitHub仓库是公开的，私有仓库无法被PyScript直接访问；
• 核对文件路径：确认文件在仓库中的位置（根目录还是子文件夹），以及分支名称是否正确。

内容的提问来源于stack exchange，提问作者Prabhaan Goyal