【Vite】Vite切换版本(Vite+vue3)报错 [vite] Internal server error: Cannot set property ‘id‘ of undefined

问题

Vue3+vite的项目,在全局安装新的Vite版本后,一直报下图错误。

报错信息

【Vite】Vite切换版本(Vite+vue3)报错 [vite] Internal server error: Cannot set property ‘id‘ of undefined_第1张图片
通过很多方式没有解决,最后发现是Vite版本的问题,因为Vue是从脚手架中引入的

import vue from '@vitejs/plugin-vue'

解决

查看package.json和package.lock.json区别

【Vite】Vite切换版本(Vite+vue3)报错 [vite] Internal server error: Cannot set property ‘id‘ of undefined_第2张图片

修改

package.json中vite的版本号固定后,安装(npm install)发现仍有问题
【Vite】Vite切换版本(Vite+vue3)报错 [vite] Internal server error: Cannot set property ‘id‘ of undefined_第3张图片

最终解决

查看@vitejs/plugin-vue的版本

【Vite】Vite切换版本(Vite+vue3)报错 [vite] Internal server error: Cannot set property ‘id‘ of undefined_第4张图片

安装上图的@vitejs/plugin-vue的版本

npm install @vitejs/plugin-vue@1.4.0

【Vite】Vite切换版本(Vite+vue3)报错 [vite] Internal server error: Cannot set property ‘id‘ of undefined_第5张图片
【Vite】Vite切换版本(Vite+vue3)报错 [vite] Internal server error: Cannot set property ‘id‘ of undefined_第6张图片
问题解决~~

你可能感兴趣的:(Vue3+TypeScript,Vite,vue.js,javascript,前端,node.js)