Vite doesn't seem to resolve TypeScript aliases properly

[AdrianLeeElder]

Describe the bug

When trying to use a TypeScript type alias from another module, vite throws the following error:

[plugin:vite:vue] [@vue/compiler-sfc] type argument passed to defineEmits() must be a function type, a literal type with call signatures, or a reference to the above types.

/home/projects/vitejs-vite-jp64f7/src/App.vue
4  |  import HelloWorld from './components/HelloWorld.vue'
5  |  import {GlobalEmits} from './types/index'
6  |  const emit = defineEmits<GlobalEmits>()
   |                           ^^^^^^^^^^^
7  |  </script>
8  |
/home/projects/vitejs-vite-jp64f7/src/App.vue

Reproduction

https://stackblitz.com/edit/vitejs-vite-jp64f7?file=src/App.vue

System Info

System:
    OS: Linux undefined
    CPU: (4) x64 Intel(R) Core(TM) i9-9880H CPU @ 2.30GHz
    Memory: 0 Bytes / 0 Bytes
    Shell: Unknown - /bin/jsh
  Binaries:
    Node: 14.16.0 - /usr/local/bin/node
    Yarn: 1.22.10 - /bin/yarn
    npm: 7.17.0 - /bin/npm
  npmPackages:
    @vitejs/plugin-vue: ^1.9.4 => 1.9.4 
    vite: ^2.6.13 => 2.6.13

Used Package Manager

npm

Logs

No response

Validations

• Follow our Code of Conduct
• Read the Contributing Guidelines.
• Read the docs.
• Check that there isn't already an issue that reports the same bug to avoid creating a duplicate.
• Make sure this is a Vite issue and not a framework-specific issue. For example, if it's a Vue SFC related bug, it should likely be reported to https://github.com/vuejs/vue-next instead.
• Check that this is a concrete bug. For Q&A open a GitHub Discussion or join our Discord Chat Server.
• The provided reproduction is a minimal reproducible example of the bug.

[Niputi]

could you try writing this?

import type {GlobalEmits} from './types/index'

[wheatjs]

This is an issue with Vue, not Vite vuejs/core#4294

I've written a Vite plugin to support this, but it is still very experimental https://github.com/wheatjs/vite-plugin-vue-type-imports