导入类型时省略.tsx后缀，在defineProps<>中使用导入的类型，会提示Failed to resolve import source "xxxx"

[shaw996]

Vue version

3.4.21

Link to minimal reproduction

https://stackblitz.com/edit/vitejs-vite-uqa6ny

Steps to reproduce

1. 在 constant.tsx 中定义类型“HelloWorldProps”
2. 在 HelloWorld.vue 中导入“HelloWorldProps”，省略 constant.tsx 的文件扩展名
3. defineProps<> 使用“HelloWorldProps”

What is expected?

应用正常运行

What is actually happening?

终端报错：

[plugin:vite:vue] [@vue/compiler-sfc] Failed to resolve import source "xxxx"

System Info

No response

Any additional comments?

No response

[unbrain]

try rename file as .ts or import ./xxxxx.tsx

[shaw996]

try rename file as .ts or import ./xxxxx.tsx

import ./xxx.tsx can solve this problem, but i expect running normally without .tsx. I would like to omit extra name in my project.

[unbrain]

maybe can find answer in vite

resolve.extensions doesn't seem to be effective

[shaw996]

maybe can find answer in vite

resolve.extensions doesn't seem to be effective

It seems not related to resolve.extensions.
The cause of this error is .tsx been ignored while resolved the type used in defineProps<>.

Related Codes:

/** packages/compiler-sfc/src/script/resolveType.ts */
/** line: 950 */

function resolveExt(filename: string, fs: FS) {
  // #8339 ts may import .js but we should resolve to corresponding ts or d.ts
  filename = filename.replace(/\.js$/, '')
  const tryResolve = (filename: string) => {
    if (fs.fileExists(filename)) return filename
  }
  return (
    tryResolve(filename) ||
    tryResolve(filename + `.ts`) ||
    tryResolve(filename + `.d.ts`) ||
    tryResolve(joinPaths(filename, `index.ts`)) ||
    tryResolve(joinPaths(filename, `index.d.ts`))
  )
}