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

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

报错:

分析:

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

TS2307: Cannot find module ‘@vitejs/plugin-vue-jsx‘ or its corresponding type declarations._第1张图片

 但是查询plugin-vue-jsx是找不到的。TS2307: Cannot find module ‘@vitejs/plugin-vue-jsx‘ or its corresponding type declarations._第2张图片

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

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

尝试1:失败

npm install @vitejs/plugin-vue-jsx

TS2307: Cannot find module ‘@vitejs/plugin-vue-jsx‘ or its corresponding type declarations._第3张图片

 尝试2:失败

npm install @plugin-vue-jsx

尝试3:失败

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

插件 | Vite

TS2307: Cannot find module ‘@vitejs/plugin-vue-jsx‘ or its corresponding type declarations._第4张图片

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

这404看得我心都碎了。 

TS2307: Cannot find module ‘@vitejs/plugin-vue-jsx‘ or its corresponding type declarations._第5张图片

尝试4:失败

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

TS2307: Cannot find module ‘@vitejs/plugin-vue-jsx‘ or its corresponding type declarations._第6张图片

TS2307: Cannot find module ‘@vitejs/plugin-vue-jsx‘ or its corresponding type declarations._第7张图片

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

TS2307: Cannot find module ‘@vitejs/plugin-vue-jsx‘ or its corresponding type declarations._第8张图片

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

尝试5:失败

在webstorm中点击直接安装。

TS2307: Cannot find module ‘@vitejs/plugin-vue-jsx‘ or its corresponding type declarations._第9张图片

TS2307: Cannot find module ‘@vitejs/plugin-vue-jsx‘ or its corresponding type declarations._第10张图片

尝试6:成功

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

TS2307: Cannot find module ‘@vitejs/plugin-vue-jsx‘ or its corresponding type declarations._第11张图片

你可能感兴趣的:(前端积累,vue.js,javascript,前端)