tsx中使用unplugin-vue-components导入的vue编写的组件会有类型错误

bigWhiteWhite commented 11 months ago

Describe the bug

"unplugin-vue-components": "^0.25.1"

// vite.config.ts Components({ dts: true, dirs: ['components'], extensions: ['vue', 'tsx', 'jsx'], resolvers: [VantResolver()], include: [/.vue$/, /.vue\?vue/, /.md$/, /.tsx/, /.jsx/] })

// index.tsx export default defineComponent({ setup(props, { emit }) { }, render() { return } })

实际上是可以运行的，组件也有正常渲染，但是ts找不到名称“AppSkeleton”的组件，在vue文件中是正常的，但是在tsx文件中会报这样的类型错误。生成的components.d.ts文件如下： export {} declare module 'vue' { export interface GlobalComponents { AppDrag: typeof import('./components/AppDrag.vue')['default'] AppSkeleton: typeof import('./components/AppSkeleton.vue')['default'] AppUpload: typeof import('./components/AppUpload.vue')['default'] Banner: typeof import('./components/Banner/index.vue')['default'] NavBarOne: typeof import('./components/NavBar/NavBarOne.vue')['default'] NavBarThree: typeof import('./components/NavBar/NavBarThree.vue')['default'] SvgIcon: typeof import('./components/SvgIcon/index.vue')['default'] VanSkeleton: typeof import('vant/es')['Skeleton'] } }

Reproduction

生产

System Info

谷歌浏览器
"vue": "^3.2.39",
"unplugin-vue-components": "^0.25.1",
"typescript": "^4.9.5",

Used Package Manager

npm

Validations

[X] Follow our Code of Conduct
[X] Read the Contributing Guide.
[X] Check that there isn't already an issue that reports the same bug to avoid creating a duplicate.
[X] Check that this is a concrete bug. For Q&A, please open a GitHub Discussion instead.
[X] The provided reproduction is a minimal reproducible of the bug.

bigWhiteWhite commented 11 months ago

Describe the bug

"unplugin-vue-components": "^0.25.1"

// vite.config.ts Components({ dts: true, dirs: ['components'], extensions: ['vue', 'tsx', 'jsx'], resolvers: [VantResolver()], include: [/.vue$/, /.vue?vue/, /.md$/, /.tsx/, /.jsx/] })

// index.tsx export default defineComponent({ setup(props, { emit }) { }, render() { return } })

实际上是可以运行的，组件也有正常渲染，但是ts找不到名称“AppSkeleton”的组件，在vue文件中是正常的，但是在tsx文件中会报这样的类型错误。生成的components.d.ts文件如下： export {} declare module 'vue' { export interface GlobalComponents { AppDrag: typeof import('./components/AppDrag.vue')['default'] AppSkeleton: typeof import('./components/AppSkeleton.vue')['default'] AppUpload: typeof import('./components/AppUpload.vue')['default'] Banner: typeof import('./components/Banner/index.vue')['default'] NavBarOne: typeof import('./components/NavBar/NavBarOne.vue')['default'] NavBarThree: typeof import('./components/NavBar/NavBarThree.vue')['default'] SvgIcon: typeof import('./components/SvgIcon/index.vue')['default'] VanSkeleton: typeof import('vant/es')['Skeleton'] } }

Reproduction

生产

System Info
谷歌浏览器
"vue": "^3.2.39",
"unplugin-vue-components": "^0.25.1",
"typescript": "^4.9.5",
Used Package Manager

npm

Validations

[x] Follow our Code of Conduct

[x] Read the Contributing Guide.

[x] Check that there isn't already an issue that reports the same bug to avoid creating a duplicate.

[x] Check that this is a concrete bug. For Q&A, please open a GitHub Discussion instead.

[x] The provided reproduction is a minimal reproducible of the bug.