Skip to content

Imports don't work within defineAsyncComponent() in Vue 2/3 #70

Description

@mykz

Imports don't work when inside defineAsyncComponent() for Vue 2/3

  const Icon = defineAsyncComponent(
    () => import(`module-name/icons/${name}.svg`)
  )

Vite Config:

export default {
  plugins: [
    vue(),
    dynamicImport(),
  ],
  resolve: {
    extensions: [
      '.mjs',
      '.js',
      '.mts',
      '.ts',
      '.jsx',
      '.tsx',
      '.json',
      '.vue',
      '.jpg',
      '.png',
      '.svg',
    ],
  },
}

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Fields

    No fields configured for issues without a type.

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions