【Bug】TypeError: Cannot use ‘in‘ operator to search for ‘displayName‘

最新推荐文章于 2023-09-15 17:11:47 发布
最新推荐文章于 2023-09-15 17:11:47 发布
阅读量2k 收藏
点赞数
文章标签： bug vue.js javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/TheSail1998/article/details/130558750
版权
文章描述了一个开发过程中遇到的问题，即在Vue项目中出现TypeError，报错信息涉及in运算符和displayName。尽管本地代码运行正常，但在打包后出错。作者怀疑问题可能由Vue版本引起，通过检查package.json发现Vue版本为3.2.41。进一步排查后，发现是新添加的本地代码未纳入版本控制导致的问题。解决方案包括检查环境、版本兼容性和确保所有代码被正确管理。
摘要由CSDN通过智能技术生成

解决问题

index.4d803d14.js:125 TypeError: Cannot use 'in' operator to search for 'displayName' in undefined
    at iYe (index.4d803d14.js:125:14237)
    at N8 (index.4d803d14.js:125:13880)
    at index.4d803d14.js:125:20049

第一反应是代码问题，检查部署发现本地代码正常，在本地环境运行正常，但打包后异常报错。
经查询后猜测可能是vue版本导致的，查看package.json vue版本3.2.41
后检查更改文件，发现是本地代码新增部分未添加git管理导致
总结：
1.代码报错查找方向不一定是代码本身问题，可能是环境或者版本问题

绅士之面具
关注
多种方法解决Uncaught TypeError: Cannot use ‘in‘ operator to search for ‘[object Array]‘ in xxx的错误
念兮为美
10-31 5249
多种方法解决Uncaught TypeError: Cannot use 'in' operator to search for '[object Array]' in xxx的错误
vue3 - 报错 Cannot use ‘in‘ operator to search for ‘path‘ in undefined （完美解决）
高级前端工程师
07-27 6122
vue3 Cannot use ‘in‘ operator to search for ‘path‘ in undefined，vue3项目浏览器控制台报错 Cannot use 'in' operator to search for 'path' in undefined 详细解决方案，怎么解决Cannot use ‘in‘ operator to search for ‘path‘ in undefined，vue3路由报错，vue3路由createWebHashHistory方法报错，vue3项目中路
解决Chrome中调试JS提示“Uncaught TypeError: Cannot use 'in' operator to search for”错误信息问题
scottfan的博客
03-30 5万+
最近为了学习WebApi，将过去一个WinForm+WCF模式的系统的部分功能改造为一个B/S模式的应用，开发环境是vs2015，前端使用jquery-1.10.2.min.js中的$.ajax来调用WebApi方法，服务端用Newtonsoft把数据处理成JSON数据送到前端。运行调试过程中发现，Webapi方法成功调用并返回了json格式的字符串，前端接收到该数据后用$.each...
TypeError: Cannot use ‘in‘ operator to search for ‘catch‘ in undefined at extractComponentsGuard
silencemei的博客
09-12 1535
这样传递的话，参数是有问题的，不能使用{}，问题出现在在配置路由时，使用了箭头函数，在配置路由后报错，项目仍然可以运行。
TypeError: Cannot use 'in' operator to search for 'length' in xxx解决
xwc999
12-19 4万+
描述： 使用angularJs-select2，代码如下： 封装进入到entity.typeId是一个json数据，而进行数据添加时出现错误。 报错信息： 问题分析 数据库该数据已经存入，但是前端却报了一个没有length属性这样的错误。个人猜测：1，json数据格式不对，非标准j’son格式于是打印看一下。 测试： 确实是一个Json数据，应该是格式不标准，我只需要里面的一个值，取出来不就...
【React】Cannot use ‘in‘ operator to search for ‘value‘ in undefined
weixin_51719919的博客
01-24 2万+
整理报错原因与解决方法 情况一： 遍历后台传来的json数组时候遇到这个错误：Uncaught TypeError: Cannot use ‘in’ operator to search for。 原因：一部分浏览器后端传过来的是json对象，但是我们前端是需要Javascript的对象，所以需要做个转换JSON.parse() or jQuery $.parseJSON 解决方法：使用 JSON.parse() 做格式转换 情况二： 这类错误原因就是传参错误，先举个例子： var obj = '
ncaught TypeError: Cannot use ‘in‘ operator to search for ‘configProvider‘ in undefined
东扯葫芦西扯瓜——前端小菜鸟的博客
08-18 664
ncaught TypeError: Cannot use 'in' operator to search for 'configProvider' in undefined
[Vue warn]: Error in mounted hook: “TypeError: Cannot read property ‘getAttribute‘ of null“
热门推荐
郭宝的博客
06-24 11万+
错误场景一： 错误提示： 在运行Vue项目时出现了上述错误，出现该错误的原因是Echarts的图形容器还未生成就对其进行了初始化所造成的，代码如下： // 基于准备好的dom，初始化echarts实例 var bar_dv = document.getElementById('bar_dv'); let myChart = this.$echarts.init(bar_dv) 解...
Vue报错：Uncaught TypeError: Cannot assign to read only property’exports‘ of object’#<Object>‘的解决
08-30
在Vue开发过程中，有时会遇到一个常见的错误：`Uncaught TypeError: Cannot assign to read only property 'exports' of object '#<Object>'`。这个错误通常发生在使用Webpack打包Vue应用时，由于模块导入导出规范的...
JavaScript 程序错误Cannot use 'in' operator to search的解决方法
10-19
下面小编就为大家带来一篇JavaScript 程序错误Cannot use 'in' operator to search的解决方法。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧
JavaScript 程序错误Cannot use ‘in’ operator to search的解决方法
12-02
今天编程时，JavaScript 程序报了这样的错误：Cannot use ‘in’ operator to search for…，具体错误信息如下：   坦白说，这样的错误最难调试。因为它并不指向你所写的具体代码，而是泛泛指向了 lib.js 文件（该文件通常是第三方的打包压缩库），你几乎无法依据错误类型与错误指向来定位到实际编程中的错误位置。 怎么办？ 这个时候，只有发挥“死磕”精神了！ 死磕步骤： 依据故障页面以及错误信息，定位到出错的文件，这一点应该不难； 在出错的页面中，依次点击调试，看一看在哪一步开始报错 了！很关键！比如，一开始加载就出错了，那就定位到 js 文件的初始
解决：vue.esm.js?efeb:1906 TypeError: Cannot use ‘in‘ operator to search for ‘fami‘报错
小香菜子的博客
10-26 816
对应翻译：efeb:1906 TypeError:不能使用’in’操作符搜索’fami’原因就是在vue内部在解析form这个对象时，返回数据为空，不能得到绑定的数据类型，发现是接口返回的res.data是null是就会报这个错误，同时也不能输入任何数据。
TypeError: Cannot use ‘in‘ operator to search for ‘path‘ in null
weixin_47617631的博客
09-29 7291
Uncaught TypeError: Cannot use 'in' operator to search for 'path' in null
TypeError: Cannot use ‘in‘ operator to search for ‘xxx‘ in undefined at Proxy.set (vue.esm.j报错问题
zhangxueyou2223的博客
04-28 1828
为什么之前这样不走详情方法，突然今天反馈编辑编辑不了，离了大谱，找半天报错没找到，最后一点一点debug，吗的，新增传的空对象，竟然走进去了。​ js用if判断一个空对象为什么会为true?​ js用if判断一个空对象为什么会为true?这个需求就是新增/编辑，有值的话，调取详情接口。之前正常，就无语，。
解决 js报错：Uncaught TypeError- Cannot use 'in' operator to search for 'length' in [{"id":"636","...
HaHa_Sir的博客
01-10 2万+
Chrome js报错：Uncaught TypeError- Cannot use 'in' operator to search for 'length' in [{"id":"636","... 一、问题描述 在使用ajax的 $.get 和 $.post 方法获取后台返回的json数据，使用 jquery的 $.each方法遍历的时候，浏览器报错： Uncaught T
报错：TypeError: Cannot use ‘in‘ operator to search for ‘_ec_inner‘
m0_55258023的博客
08-04 3830
报错：TypeError: Cannot use 'in' operator to search for '_ec_inner'
Vue报错：vue.runtime.esm.js:1888 TypeError: Cannot use ‘in‘ operator to search for ‘name‘ in null
最新发布
罗铠威的博客
09-15 1445
今天发现代码数据不能绑定表单，并且一输入就报错但是我发现这个model也绑定了，数据类型也是对应的，它就是不能输入数据。
前端页面报错（Cannot use ‘in‘ operator to search for ‘value‘ in undefined）
日常学习总结
02-17 3012
Cannot use ‘in‘ operator to search for ‘value‘ in undefined《json字符串未转成JavaScript对象获取数据时报错》
ncaught TypeError: Cannot use 'in' operator to search for 'path' in undefined
05-23
这个错误通常是因为你在使用某个对象的属性或方法时，这个对象并没有被正确地定义或初始化。具体来说，可能是你试图在一个 undefined 或 null 的对象上执行操作。 你可以检查一下代码中是否有缺少初始化或赋值的变量，或者是否有异步操作导致了数据还未到位就被调用的情况。 如果你需要更具体的帮助，请提供更多的代码细节和上下文信息。
评论 7
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值