SyntaxError: import not found: default

[thebrownfox]

Versions

nuxt-vite: 0.0.21
nuxt: 2.15.2

Reproduction

https://github.com/thefoxie/nuxt-vite-imports-issue

Description

As mentioned already (#59 (comment)), there's issue with imports.

Imported modules/exports in sfc don't work which makes the component not to render when used with components option set to true. The component renders when the import is commented out. I tried to import the component straight and had SyntaxError: import not found: default, but the component renders at least.

When components option set to true:

[Vue warn]: Failed to resolve async component: () => import('/@fs/home/foxie/Dokumenty/Code/OSS/nuxt-vite-imports-issue/components/NanoId.vue').then(c => c.default || c)
Reason: SyntaxError: import not found: default

[pi0]

Thanks for reproduction @thefoxie! Checking error, it has nothing to do with async component imports but nanoid is incompatible. Adding this fixes issue: (

  vite: {
    optimizeDeps: {
      exclude: [
        'nanoid'
      ]
    }
  }

Will add nanoid to next version to exclude by default (added in v22)

[thebrownfox]

I feel really dumb right now 😄
Haven't tried that one but it makes sense. This error should be documented as well, as it's same thing in the end.

[pi0]

@thefoxie Feel free updating docs to cover both errors. BTW i'm buffering issues related to #56 to finally report to vite and fix in upstream...

[danielgroen]

i've tried to add optimizeDeps for the package nuxt-leaflet but still got the error

vite: {
  optimizeDeps: {
    exclude: [
      'nuxt-leaflet',
    ]
  }
}

[pi0]

@danielgroen Can you please help creating a small reproduction so i can debug? (update: #87)