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

已于 2022-12-15 10:01:50 修改
阅读量8.3k 收藏 6
点赞数
分类专栏： Vue3+TypeScript Vite 文章标签： vue.js javascript 前端 node.js
于 2022-10-13 13:31:26 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/wzyleix97/article/details/127299395
版权

问题

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

报错信息

在这里插入图片描述
通过很多方式没有解决，最后发现是Vite版本的问题，因为Vue是从脚手架中引入的

import vue from '@vitejs/plugin-vue'

解决

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

在这里插入图片描述

修改

将package.json中vite的版本号固定后，安装（npm install）发现仍有问题
在这里插入图片描述

最终解决

查看@vitejs/plugin-vue的版本

在这里插入图片描述

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

在这里插入图片描述
在这里插入图片描述
问题解决~~

毛毛三由
关注
  • 0
    点赞
  • 踩
  • 6
    收藏
    觉得还不错? 一键收藏
  • 3
    评论
专栏目录
vue3+ts+vuerouter+pinia+elementplus+ts环境模板搭建及vite打包优化
05-12
vue3+ts+vuerouter+pinia+elementplus+ts环境模板搭建及vite打包优化vue3+ts+vuerouter+pinia+elementplus+ts环境模板搭建及vite打包优化vue3+ts+vuerouter+pinia+elementplus+ts环境模板搭建及vite打包优化vue3+ts+...
全栈-Vite3+Vue3+TS+Ant-design-vue3整合
11-07
在本项目中，我们探索了如何使用最新技术栈进行全栈开发，重点是前端的Vite3、Vue3、TypeScript以及Ant Design Vue3的整合，同时涉及后端的SpringBoot、MybatisPlus和MySQL。这是一个全面的实战教程，旨在帮助开发者...
vben2使用ant2的Tree组件vite打包后，刷新页面出现报错TypeError: Cannot set properties of undefined (setting ‘name‘)
lee_amazing的博客
07-25 1402
vben使用ant组件打包后，刷新页面发生样式丢失以及白屏的问题解决方法。
[vite] Internal server error: Cannot read property ‘replace‘ of undefined vite-plugin-svg-icons
jonathan_joestar的博客
09-18 1691
【代码】[vite] Internal server error: Cannot read property 'replace' of undefined vite-plugin-svg-icons。
Internal server error: [less] Unrecognised input
最新发布
lotpyve的博客
04-28 1239
我之前查了资料，网上有的人说是 less 的配置不正确（这种问题引起的可以查找其他博客看），但是后面经过我慢慢的查找，还有一种可能，就是 less 的写法不对，下面我来解释一下我的错误和处理过程。那是因为在 less 中，我们使用 :deep()来控制深度选择器，以前用的是 /deep/,改成下面这个就好了。在 css 中，如果我们想深度修改第三方组件的样式，我们用 >>> 深度选择器来修改。但是如果我不用原生的css，我加上了 less 之后，他就会报错了。例如我的组件中是这样。
浏览器控制台报错：Cannot set property 'XXXX' of undefined
08-01 3882
问题描述： 最终原因是赋值的对象未定义。例如下面的代码会报错。 var family_list = new Array();…… family_list[family_list.length] = {}; family_list[family_list.length].name = "张三"； 原因是第二行定义下标family_list...
[vite] Internal server error: Cannot read properties of undefined (reading ‘url‘)
lirtyuj的博客
08-21 2272
这种情况的出现是因为新建了页面和路由，但是路由并不能读取到页面，此时我的项目是正在运行中的，需要把项目重启一下就可以了。
Vite 解析以及从 webpack 切换到 Vite 遇到的问题总结
程序员成长指北
03-24 9757
作者: 德莱问原文地址: https://segmentfault.com/a/1190000039690206本文由作者授权转载hello，大家好，我是德莱问，今天为大家带来vite解析...
vue3+vite+qiankun+monorepo框架
08-03
vue3+vite+qiankun+monorepo框架vue3+vite+qiankun+monorepo框架vue3+vite+qiankun+monorepo框架vue3+vite+qiankun+monorepo框架vue3+vite+qiankun+monorepo框架vue3+vite+qiankun+monorepo框架vue3+vite+qiankun+...
vite5+vue3+ import.meta.glob动态导入vue组件
03-25
vite5+vue3+ import.meta.glob动态导入vue组件
基于Nuxt3 + Vue3 + NaiveUI+ Vite实战开发在线教育SSR服务端渲染网站应用.zip
03-03
Vue3：用于快速构建web用户界面的框架。 NuxtJS： 让你构建你的下一个 Vue.js 应用程序变得更有信心。这是一个 开源 的框架，让 web 开发变得简单而强大。 Vite：下一代的前端构建工具，开箱即用。 naive-ui： 基于...
[vite] Internal server error:options.devServer.transformWidthEsBuild is not a function...
天渺(喵)工作室
09-11 1329
[vite] Internal server error:options.devServer.transformWidthEsBuild is not a function...
@vitejs/plugin-vue requires vue (＞=3.2.13) or @vue/compiler-sfc to be present in the dependency tree
qq_44447607的博客
05-17 1763
node版本是12.22.22,官网下载了最新版本（直接下了最新版，其他版本的不知道可不可以）2.下载@vue/compiler-sfc没有效果。1.升级vue版本，查看配置vue已是最新版。项目启动后报错，尝试做了如下方案。
运行Vue时出错 Error: @vitejs/plugin-vue requires vue (＞=3.2.13)
眼睛眯起来的博客
07-18 1万+
Error: @vitejs/plugin-vue requires vue (>=3.2.13) or @vue/compiler-sfc to be present in the dependency tree.
运行vue项目，eslint报错
weixin_44974765的博客
11-15 1401
vue项目中Eslint校验代码报错的解决方案
解决vue3+ts+vite中启动报错No known conditions for “./lib/locale/lang/zh-cn“ entry in “element-plus“ package
蜗牛~~
08-08 9492
【代码】解决vue3+ts+vite中启动报错No known conditions for "./lib/locale/lang/zh-cn" entry in "element-plus" package。
VUE项目启动报Element-Plus：No known conditions for “./lib/locale/lang/zh-cn“解决方案
xfp5158的博客
03-18 941
在Element-Plus升级时可能会遇到：[vite] Internal server error: No known conditions for “./lib/locale/lang/zh-cn” specifier in “element-plus” package将以下代码：替换为：
网站报错“internal server error”如何解决
热门推荐
阿酷tony
12-28 7万+
这个问题不是浏览者造成的，而是你所浏览的网站服务器出现了故障引起的或网站所在服务器正在维护引起，一般来讲，如果对这种错误不加处理的话，会持续不可访问，甚至会显示一片乱码，有经验的程序员，维护时可设置显示该网站正在维护
[vite] Internal server error: [less] variable @color is undefined
为了皮肤，争取早日到Lv4。
03-15 3567
我认为是vite.config.js中配置有错，又重新改了路径。中官网的配置是模板字符串, 我用的vite静态资源。最后按照网上的一个个排错，发现就是配置的错误。在我写less全局样式的时候，出现这个问题。导入和传统导入也不可以。
vite+vue3报错Cannot read properties of undefined (reading 'location')
04-17
这个错误通常是因为在代码中尝试访问未定义的属性'location'导致的。这个错误可能有多种原因，下面是一些可能的解决方法： 1. 确保你的代码中有一个名为'location'的属性。检查你的代码中是否有一个名为'location'的变量或对象，并确保它已经被正确定义和初始化。 2. 检查变量或对象是否被正确引入。如果你使用了其他模块或库中的变量或对象，确保你已经正确引入了它们，并且可以在当前代码中访问到。 3. 检查变量或对象是否为空或未定义。在访问属性之前，先检查变量或对象是否为空或未定义。可以使用条件语句（如if语句）来进行判断，以避免访问未定义的属性。 4. 确保你的代码在正确的上下文中执行。有时候，这个错误可能是因为代码在错误的上下文中执行导致的。确保你的代码在正确的环境中执行，例如在Vue组件的生命周期钩子函数中执行。 如果以上方法都没有解决问题，可以提供更多的代码细节和报错信息，以便更好地帮助你解决问题。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 3
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值