有个比较老的项目想引入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
以上这几个也推荐更新到最新版本
大功告成!