Vue3-无法使用 JSX,除非提供了 “--jsx“ 标志。ts(17004)

以Vue3+TS为例，项目出现**无法使用 JSX,除非提供了 “–jsx“ 标志。ts(17004)**的提示。

虽然不影响项目的正常运行，

但身为一名强迫症患者，这种报错必须消灭。

网上的解决方式五花八门。

有说在vscode 的setting.json文件添加：

"typescript.tsdk": "node_modules\\typescript\\lib"

有说在重新安装ts的

npm i typescript -g   //安装到全局

有说在 tsconfig.json中添加

"jsx": "preserve" 

亲测后以上解决办法并没有解决报错信息。

解决办法

发先这些报错信息都出现在以下这种写法的组件上。

亲测写入完整的组件标签名即可解决报错信息。