Issue with Nuxt 3 usage when running in dev

[boostie]

Hi guys,

I have the following issue when running the component in Nuxt3 via "nuxi run dev".

✘ [ERROR] Big integer literals are not available in the configured target environment ("chrome87", "edge88", "es2020", "firefox78", "safari13" + 2 overrides)

    node_modules/@solana/web3.js/lib/index.browser.esm.js:4466:20:
      4466 │     const U64_MAX = 2n ** 64n - 1n;
           ╵                     ~~

✘ [ERROR] Big integer literals are not available in the configured target environment ("chrome87", "edge88", "es2020", "firefox78", "safari13" + 2 overrides)

    node_modules/@solana/web3.js/lib/index.browser.esm.js:4466:26:
      4466 │     const U64_MAX = 2n ** 64n - 1n;
           ╵                           ~~~

✘ [ERROR] Big integer literals are not available in the configured target environment ("chrome87", "edge88", "es2020", "firefox78", "safari13" + 2 overrides)

    node_modules/@solana/web3.js/lib/index.browser.esm.js:4466:32:
      4466 │     const U64_MAX = 2n ** 64n - 1n;

I have tried multiple vite targets, but nothing seems to help this behavior. Anyone had the same issue?

Thanks

[DjilanoS]

Hi @boostie,

You have to update your Vite config accordingly.
The build target needs to be set to 'esnext'.

both dev & build should now work.

// https://vitejs.dev/config/
export default defineConfig({
  build: {
    target: 'esnext'
  },
  optimizeDeps: {
    esbuildOptions: {
      target: 'esnext'
    }
  },
  plugins: [vue()],  
  resolve: {
    alias: {
      '@': fileURLToPath(new URL('./src', import.meta.url))
    }
  }
})