Intenté importar ColorThief a mi código, pero aparece un error que dice

Uncaught SyntaxError: Cannot use import statement outside a module

No sé qué hacer, ya que copié la declaración de importación en el sitio web de ColorThief y descargué el módulo de nodo para que la ruta sea correcta.

Además, descubrí que la declaración de importación provoca otro error. Hace que mi función setBio sea "declarada pero nunca leída", pero la usé en mi archivo HTML de esta manera:

<button onClick=setBio()>Search</button>

El error desaparece y todo funciona (todas las funciones que implementé antes de intentar implementar una función de ladrón de color) una vez que comento la declaración de importación.

Aquí hay una versión condensada de lo que hay en mi archivo JS:

 import ColorThief from './node_modules/colorthief/dist/color-thief.mjs' let setBio = async () => { let input = document.getElementById("input"); let pokemon = input.value.toLowerCase(); input.value = "" let display = document.getElementById("name"); display.innerHTML = await getName(pokemon); let pic = document.getElementById("img"); pic.src = await getPic(pokemon); setBGColor(); }

Cualquier ayuda sería apreciada. soy nuevo así que pido disculpas si es algo estúpido