Skip to content

datalayer-examples/jupyter-react-vite-example

Repository files navigation

Datalayer

Become a Sponsor

🪐 ⚛️ Jupyter React Vite Example

Example to showcase Jupyter React usage in a Vite.js Web application.

# You need yarn 3.5.0.
yarn
yarn dev

Ensure to add the following script in your HTML if you want to support .

    <!-- Needed for ipywidgets -->
    <script src="https://cdnjs.cloudflare.com/ajax/libs/require.js/2.3.4/require.min.js"></script>
    <script type="module">
      globalThis.__webpack_public_path__ = "";
    </script>

🚧 Only dev-mode is working for now - yarn build will succeed but an exception will be thrown at runtime.

yarn build
cd dist
python -m http.server 8675 # Or any other local server.
open http://localhost:8675 # Throws error, see you devtool console - require.min.js:1 Uncaught (in promise) Error: Module name "../package.json" has not been loaded yet for context: _. Use require([]) http://requirejs.org/docs/errors.html#notloaded
Jupyter React Gallery

⚖️ License

Copyright (c) 2022 Datalayer, Inc.

Released under the terms of the MIT license (see LICENSE).