The requested module '/node_modules/wnumb/wNumb.js?v=c0698822' does not provide an export named 'default' (at useTooltip.js:2:8)

[alexsignly]

I'm trying to integrate this into my Vue3+Vite project get the following error every single time:

Uncaught SyntaxError: The requested module '/node_modules/wnumb/wNumb.js?v=c0698822' does not provide an export named 'default' (at useTooltip.js:2:8)

I also tried creating a fresh Vue3 + Vite and follow your installation steps (from the logged in are) but still no luck.

Do you have any suggestion?

[adamberecz]

Have you tried using our installation wizard? https://vueform.com/docs/1.x/installation

Vite requires an extra step of adding some libs to optimizeDeps. The basic vite.config.js should look like this:

import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'

// https://vitejs.dev/config/
export default defineConfig({
  plugins: [
    vue({
      template: {
        compilerOptions: {
          isCustomElement: (tag) => ['trix-editor'].indexOf(tag) !== -1
        }
      },
    }),
  ],
  optimizeDeps: {
    include: [
      'nouislider',
      'wnumb',
      'trix'
    ]
  }
})

[pscheit]

@adamberecz imho this is missing in the guide:
https://vueform.com/docs/installation
if I select vue or vite it isn't shown, that I have to add this to my vite.js?

I can make a PR or are those files not in a public repo?

[adamberecz]

Thanks @pscheit , but these should not be required anymore - instead we have a Vite plugin that contains everything that needs to be added to vite.config.js.

[pscheit]

oooh! i missed this in the setup guide, cause i clicked on vue. Thanks!