Errors with Loading ".whl" Files

[liuxukun2000]

Hello,

I've been trying to run the jupyter-react-vite-example provided by the jupyter-ui project, but I encountered several errors related to loading ".whl" files when I run yarn dev. Below are the details of the errors.

Errors:(Same on Windows and Linux)

Port 5173 is in use, trying another one...

  VITE v4.4.7  ready in 238 ms

  ➜  Local:   http://localhost:5174/
  ➜  Network: use --host to expose
  ➜  press h to show help
✘ [ERROR] No loader is configured for ".whl" files: node_modules/@jupyterlite/pyodide-kernel/pypi/piplite-0.2.1-py3-none-any.whl

    node_modules/@jupyterlite/pyodide-kernel/lib/_pypi.js:4:33:
      4 │ export * as pipliteWheelUrl from '../pypi/piplite-0.2.1-py3-none-any.whl';
        ╵                                  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

✘ [ERROR] No loader is configured for ".whl" files: node_modules/@jupyterlite/pyodide-kernel/pypi/widgetsnbextension-4.0.9-py3-none-any.whl

    node_modules/@jupyterlite/pyodide-kernel/lib/_pypi.js:7:45:
      7 │ export * as widgetsnbextensionWheelUrl1 from '../pypi/widgetsnbextension-4.0.9-py3-none-any.whl';
        ╵                                              ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

✘ [ERROR] No loader is configured for ".whl" files: node_modules/@jupyterlite/pyodide-kernel/pypi/widgetsnbextension-3.6.6-py3-none-any.whl

    node_modules/@jupyterlite/pyodide-kernel/lib/_pypi.js:6:44:
      6 │ export * as widgetsnbextensionWheelUrl from '../pypi/widgetsnbextension-3.6.6-py3-none-any.whl';
        ╵                                             ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

✘ [ERROR] No loader is configured for ".whl" files: node_modules/@jupyterlite/pyodide-kernel/pypi/pyodide_kernel-0.2.1-py3-none-any.whl

    node_modules/@jupyterlite/pyodide-kernel/lib/_pypi.js:5:40:
      5 │ export * as pyodide_kernelWheelUrl from '../pypi/pyodide_kernel-0.2.1-py3-none-any.whl';
        ╵                                         ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

✘ [ERROR] No loader is configured for ".whl" files: node_modules/@jupyterlite/pyodide-kernel/pypi/ipykernel-6.9.2-py3-none-any.whl

    node_modules/@jupyterlite/pyodide-kernel/lib/_pypi.js:3:35:
      3 │ export * as ipykernelWheelUrl from '../pypi/ipykernel-6.9.2-py3-none-any.whl';
        ╵                                    ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

I'm not sure how to proceed with these errors as they seem to be related to a configuration issue with loading ".whl" files. However, I did not find the relevant configuration in this example.

I am a beginner in front-end development and I apologize in advance if this question seems overly simple or fundamental to more experienced developers. I appreciate your understanding and assistance.

Any guidance or assistance in resolving this issue would be greatly appreciated.

Thank you for your help!