How to load `pyodide` in browser? #902

subframe7536 · 2024-11-05T01:19:17Z

subframe7536
Nov 5, 2024

Here is my code, and it prompt: Failed to load Pyodide: TypeError: Failed to fetch dynamically imported module: https://esm.sh/[email protected]/pyodide.asm.js

<!doctype html>
<html lang="en">
    <head>
        <meta charset="UTF-8" />
        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
        <title>Pyodide Example with esm.sh</title>
        <script type="module">
            // Load Pyodide from esm.sh
            async function loadPyodide() {
                // Import Pyodide
                const { loadPyodide } = await import(
                    "https://esm.sh/[email protected]"
                );
                const pyodide = await loadPyodide({
                    indexURL: "https://esm.sh/[email protected]",
                });
                await pyodide.loadPackage("numpy"); // Load your desired package here
                return pyodide;
            }

            // Using the loaded Pyodide
            loadPyodide()
                .then((pyodide) => {
                    // Example: Running a simple Python code
                    const code = `
import numpy as np
a = np.array([1, 2, 3])
a.mean()
`;
                    const result = pyodide.runPython(code);
                    console.log(result); // Output the result to the console
                })
                .catch((err) => {
                    console.error("Failed to load Pyodide:", err);
                });
        </script>
    </head>
    <body>
        <h1>Pyodide with ESM.sh</h1>
        <p>Open the console to see the output.</p>
    </body>
</html>

ije · 2024-11-13T21:06:40Z

ije
Nov 13, 2024
Maintainer

@subframe7536 thanks! i will look into it.

0 replies

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Uh oh!

Uh oh!

How to load `pyodide` in browser? #902

Uh oh!

{{title}}

Uh oh!

Replies: 1 comment

Uh oh!

{{title}}

Uh oh!

Select a reply

Uh oh!

Uh oh!

How to load pyodide in browser? #902

Uh oh!

subframe7536 Nov 5, 2024

Replies: 1 comment

Uh oh!

ije Nov 13, 2024 Maintainer

How to load `pyodide` in browser? #902

subframe7536
Nov 5, 2024

ije
Nov 13, 2024
Maintainer