component element can't be typed correctlly

[tjx666]

I reproduce this in latest volar starter: https://github.com/tjx666/volar-component-element-issue

Version: 1.78.2
Commit: b3e4e68a0bc097f0ae7907b217c1119af9e03435
Date: 2023-05-10T15:00:40.428Z
Electron: 22.5.2
Chromium: 108.0.5359.215
Node.js: 16.17.1
V8: 10.8.168.25-electron.0
OS: Darwin arm64 22.4.0
Sandboxed: No
Volar: v1.7.8
TakeOver Mode: yes

[sfreytag]

You can work around the issue with dynamic components for the time being with something like:

<component :is="HelloWorld as any" />

[tjx666]

@sfreytag vite vue2.7 doesn't support type assertion:

vitejs/vite-plugin-vue2#87

[so1ve]

I think this is the intended behavior. You have defined a required prop msg but you didn't pass it to the <compnent> element.

[tjx666]

@so1ve you are right, but the error message is hard to understand here.

[so1ve]

这也没办法，转换出来的TSX类型就是这么又臭又长（

[zzzzzshPig]

这也没办法，转换出来的TSX类型就是这么又臭又长（

考虑用 GPT 优化一下吧 （

[so1ve]

You can install a vscode plugin called Pretty Typescript Errors. https://github.com/yoavbls/pretty-ts-errors