TS2307: Cannot find module ‘@vitejs/plugin-vue-jsx‘ or its corresponding type declarations.

作者在WebStorm中遇到查询不到plugin-vue-jsx的情况,尝试通过npm安装以及访问GitHub源都未能成功。最终通过降低Node.js版本到14.19.0,清理WebStorm缓存并重启,成功解决了报错问题。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

只关心成功的处理方法请直接跳文末查看。

报错:

分析:

在webstorm先ctrl+shift+r查询没有报错的引用项,发现可以查到。

 但是查询plugin-vue-jsx是找不到的。

 所以,我们需要下载这个插件。

 ====================================================

尝试1:失败

npm install @vitejs/plugin-vue-jsx

 尝试2:失败

npm install @plugin-vue-jsx

尝试3:失败

尝试去官网下载plugin-vue-jsx

插件 | Vite

 https://github.com/vitejs/vite/tree/main/packages/plugin-vue-jsx

这404看得我心都碎了。 

尝试4:失败

        注意到这里有个专用的Babel转换插件,点进去跳转GitHub - vuejs/babel-plugin-jsx: JSX for Vue 3。 

看起来有戏,回到webstorm,执行npm install babel-plugin-jsx。

 但是plugin-vue-jsx仍然报错。

尝试5:失败

在webstorm中点击直接安装。

尝试6:成功

更换node的版本,从16降低到14.19.0,然后清理webstorm的cache并重启,点击安装,重复尝试5的操作。果然没有报错了,Node 14.19.0  yyds!

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值