unable to import type in vue sfc ffrom same package

[keinagae]

Hi i have a vue component library where when i am trying to build a component during type script compilation my package is unable to load types from same package i am getting error

Error: [@vue/compiler-sfc] Failed to resolve import source "./types".

Sidebar.vue
9  |  })
10 |  
11 |  const props = withDefaults(defineProps<SidebarProps>(), {
   |                                         ^^^^^^^^^^^^
12 |    side: 'left',
13 |    variant: 'sidebar',
Error: [@vue/compiler-sfc] Failed to resolve import source "./types".

but i have types module available in relative path

[davidfirst]

Sorry for the very late reply here.

This was a real bug in our Vue SFC compiler, and it has since been fixed.

When you use defineProps<T>() with T imported from another file, @vue/compiler-sfc resolves that import relative to the filename it is handed. Our compiler was passing only the relative filename instead of the full path, so Vue looked for ./types relative to the working directory rather than next to your component, and reported Failed to resolve import source "./types".

Current versions pass the full path, and there is now a regression test covering exactly this case. I re-ran your scenario on the current stack (bit 2.2.8 with bitdev.vue/vue-env) and it compiles fine, with props and declaration files generated correctly from the imported type.

If you are still hitting this, update the env and reinstall:

bit env set <your-component> bitdev.vue/vue-env
bit install

If it persists after that, check that the type file is actually tracked as part of the component (bit show <your-component> lists its files). A file outside the component directory will not be present in the build capsule, and Vue will not find it there either.