@vitejs/plugin-vue-jsx 安装依赖报错 VUE3引入JSX报错 npm i @vitejs/plugin-vue-jsx peer vite@“^5.0.0“ from @vite

有个比较老的项目想引入jsx，安装依赖时一直装不上，切换了几次node版本也不行，后来仔细一看报错信息才找到原因。

npm error peer vite@"^5.0.0" from @vitejs/plugin-vue-jsx@4.0.0

从上面这行看出是由于版本信息不同

如果你是vite4版本，通过npm i vite和npm update ，也依旧只是最新的vite4版本

那么就应该执行以下执行，先把vite升级到vite5版本

npm i vite@5

同时，我们应该留意警告信息

如图，建议把 @vitejs/plugin-legacy 也一并更新到最新版本

不过，既然来都来了，也建议把vue也升级一下最新版本

NPM官网版本查询 可以在此处查询依赖的最新版本

@vitejs/plugin-legacy

@vitejs/plugin-vue

@vue/babel-plugin-jsx

@vue/babel-preset-jsx

vue

以上这几个也推荐更新到最新版本

大功告成！