logo标签列表

JsException(TypeError: Failed to fetch)

pythonhtmlpyscripter
3

当我尝试将一个pyscript源代码导入到我的HTML中时，会显示一个“JsException(TypeError: Failed to fetch)”错误。

helloworld.py

print("Hello World")

testPyscript.html

<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" href="https://pyscript.net/alpha/pyscript.css" />
    <script defer src="https://pyscript.net/alpha/pyscript.js"></script>
    <title></title>
</head>
<body>
    <py-script src="helloworld.py">
        ("Another Text Test")
    </py-script>
</body>
</html>
3个回答
2
我遇到了同样的问题，并在这里找到了答案：PyScript: 在浏览器中加载Python代码 问题是<py-script src="helloworld.py">不支持加载本地文件，需要一个服务器让浏览器加载它...
进入你保存文件的文件夹并运行python -m http.server 80，然后在浏览器中转到localhost/testPyscript.html 希望对你有所帮助
0

由于某些原因，包含helloworld.py和testPyscript.html的目录需要在本地主机上运行，在vsCode中打开您的文件夹并从扩展中安装live server，然后在右下角按Go Live。您将被引导到默认浏览器，并获得来自helloworld.py的预期输出。

0

我遇到了类似的问题，并且能够编写出这个解决方法。正如提到的，您必须从本地托管服务器上托管项目目录。

原始帖子链接： 使用Python和HTML运行时出现“JsException（TypeError：Failed to fetch）”错误

定义脚本环境路径，必须放置在 head 标签中。

      <py-env>
        - paths:
          - ./pytest.py
      </py-env>

这是一个示例代码，用于获取Python输出并嵌入HTML格式。 代码示例：

index.html

<html>
    <head>
      <link rel="stylesheet" href="https://pyscript.net/alpha/pyscript.css" />
      <script defer src="https://pyscript.net/alpha/pyscript.js"></script>
      <py-env>
        - paths:
          - ./pytest.py
      </py-env>
    </head>
  <body>
    <h1>Update HTML from PYTHON</h1>
    <b> <label id="output"></label></b>
    <py-script>
      from pytest import function
      pyscript.write('output', function())
    </py-script>
  </body>
</html>

pytest.py

def function():

    output = 'CONGRATS!'


    return ('Your Data has been extracted from a python script: '+''.join(output))
网页内容由stack overflow 提供, 点击上面的
可以查看英文原文，
原文链接