TypeError: pyodide.runPythonAsync is not a function at PyButton.eval (base.ts:160:36)

This works fine on one computer, but not another, both running chrome 101.

<py-button id="getscans" label="Load Scans">
    def on_click(evt):
        print('clicked!')
</button>

[John-Schreiber]

I found a way that works:

First, instead of using a py-button, I used a regular button, then added an onclick event handler with the DOM.

<button type="button" id="button_id">DoStuff</button>

button = document.getElementById("button_id")
button.addEventListener("click", DoStuff(args))

this caused my function be run with its arguments on script load, instead of onclick.

I had to wrap my python function in another python function, to create a python function that receives an [object PointerEvent], and calls DoStuff with my desired arguments. a simple button doesn’t need to parse the PointerEvent, so I ignore it.

def buttonwrapper(_):
    DoStuff(args)
    pass


button = document.getElementById("loadscans")
button.addEventListener("click", ButtonClickEvent)

That gave a different set of pyodide errors, which I was able to resolve with help from the pyodide docs.

Uncaught Error: This borrowed proxy was automatically destroyed at the end of a function call. Try using create_proxy or create_once_callable.
The object was of type "function" and had repr <function DoStuff at 0xdeadbeef>

adding create_proxy gives us a working button:

from js import document
from pyodide import create_proxy


def buttonwrapper(_):
    DoStuff(args)
    pass


ButtonClickEvent = create_proxy(buttonwrapper)

button = document.getElementById("loadscans")
button.addEventListener("click", ButtonClickEvent) 

I’m sure there is a more idiomatic way to do this, but this works.

[John-Schreiber]

Your example has the same error with the same line numbers.