JsException(TypeError: Failed to fetch)

Question

JsException(TypeError: Failed to fetch)

3k Views Asked by meelvore At 04 April 2025 at 16:25

When I try to import a pyscript source code to my HTML it shows a "JsException(TypeError: Failed to fetch)" error.

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>

Original Q&A

There are 3 best solutions below

**MOHAMED FAROG** · Answer 1

For some reason your directory which contains helloworld.py and testPyscript.html need to run in localhost, open your folder in vsCode and install live server from extensions then in your right bottom corner press on Go Live. you will be directed to the default browser with the expected output from helloworld.py

**Vinicius Franco** · Answer 2

I was having the same problem and found the answer here: PyScript: Loading Python Code in the Browser

The problem is <py-script src="helloworld.py"> do not support loading local files, you need a server for the browser to load it...

Go into the folder you keep the files and run python -m http.server 80 and then, on the browser, go to localhost/testPyscript.html

Hope it helps

**flapjacksauce** · Answer 3

I was having a similar issue and was able to write this up. As mentioned you must host the project directory from a local hosted server.

link to original post: Error "JsException (TypeError: Failed to fetch)" while trying to run using Python and HTML

Defining script environment path, must be placed in head tag.

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

Here is the example code to retrieve python output and inject into html format. code example:

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))

JsException(TypeError: Failed to fetch)

There are 3 best solutions below

index.html

pytest.py

Related Questions in PYTHON

Related Questions in HTML

Related Questions in PYSCRIPTER

Trending Questions

Popular # Hahtags

Popular Questions