The vite example does not run. It errors with big number literal errors. <p dir="a

Potential fix <a class="issue-link js-issue-link" data-error-text="Failed to load titl

Browser vite example fails to run about js-ipfs-examples HOT 2 CLOSED

ipfs-examples commented on August 16, 2024

Browser vite example fails to run

from js-ipfs-examples.

Comments (2)

haydenyoung commented on August 16, 2024

To fix the big number issue, add support for bigint to vite.config.js:

  optimizeDeps: {
    esbuildOptions: {
      supported: {
        bigint: true
      },
      define: {
        'process.env.NODE_DEBUG': 'false',
        'global': 'globalThis'
      }
    }
  }

Unfortunately, however, this will only fix the immediate problem. If you want to implement anything beyond the basic index.js file (I.e. use vue files), you will have to implement the vite vue plugin, but this results in more errors:

Add vite vue plugin for handling vue files to vite.config.js:

import vue from '@vitejs/plugin-vue'

export default {
  plugins: [vue()],

Start the app:

npm run dev

Loading results in a blank page and the error:

browser-external:util:9 Uncaught Error: Module "util" has been externalized for browser compatibility. Cannot access "util.inherits" in client code.
    at Object.get (browser-external:util:9:13)
    at node_modules/levelup/lib/levelup.js (levelup.js:4:18)
    at __require2 (chunk-ZQVQAL53.js?v=7e1ee517:19:50)
    at node_modules/level-packager/level-packager.js (level-packager.js:3:17)
    at __require2 (chunk-ZQVQAL53.js?v=7e1ee517:19:50)
    at node_modules/level/browser.js (browser.js:1:18)
    at __require2 (chunk-ZQVQAL53.js?v=7e1ee517:19:50)
    at index.js:10:19

from js-ipfs-examples.

haydenyoung commented on August 16, 2024

Potential fix #450.

Is more documentation required about some of the configuration required for specific frameworks such Vue?

from js-ipfs-examples.

Recommend Projects