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

报错:

分析:

在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!

Logo

前往低代码交流专区

更多推荐