JavaScript 程序错误的解决办法
程序员文章站
2022-03-29 16:25:01
...
今天编程时,JavaScript 程序报了这样的错误:Cannot use 'in' operator to search for...,具体错误信息如下:
坦白说,这样的错误最难调试。因为它并不指向你所写的具体代码,而是泛泛指向了 lib.js 文件(该文件通常是第三方的打包压缩库),你几乎无法依据错误类型与错误指向来定位到实际编程中的错误位置。
怎么办?
这个时候,只有发挥“死磕”精神了!
死磕步骤:
依据故障页面以及错误信息,定位到出错的文件,这一点应该不难;
在出错的页面中,依次点击调试,看一看在哪一步开始报错 了!很关键!比如,一开始加载就出错了,那就定位到 js 文件的初始化部位;点击某个按钮出错了,那就定位到该按钮的对应事件代码中;以此类推。
在定位的代码范围内,采用“折中法”,一点点注释掉,刷新页面查看是否依然出错,如果出错,这说明注释掉部分的代码没有问题,放开注释,继续其他可疑的代码部分;如果没有错误了,恭喜你,你的定位位置就更加精细化了!总体思路就是如此,循环往复,相信,总会有“拨开云雾见朗朗青天”的欢喜的!
1 console.log('rendernerererer: ', schoolData)2 3 const schoolNode = (4 <Select style={{width: '100%'}} placeholder="请选择所属学校">5 { schoolData.length && schoolData.map((item, idx) => (6 <Option key={idx} value={`${item.id}`}>{item.name}</Option>7 )) }8 </Select>9 );
可以看到,rendernerererer 正确打印了出来,问题出在该行代码之后:
1 const schoolData = this.state.schoolList; 2 console.log('rendernerererer: ', schoolData) 3 4 const schoolNode = ( 5 <Select style={{width: '100%'}} placeholder="请选择所属学校"> 6 { schoolData.length ? schoolData.map((item, idx) => ( 7 <Option key={idx} value={`${item.id}`}>{item.name}</Option> 8 )) : <Option value=''>请选择...</Option> } 9 </Select>10 );
1 const schoolData = this.state.schoolList; 2 console.log('rendernerererer: ', schoolData) 3 4 const schoolNode = ( 5 <Select style={{width: '100%'}} placeholder="请选择所属学校"> 6 { schoolData.length ? schoolData.map((item, idx) => ( 7 <Option key={idx} value={`${item.id}`}>{item.name}</Option> 8 )) : null } 9 </Select>10 );
以上就是JavaScript 程序错误的解决办法的详细内容,更多请关注其它相关文章!
上一篇: php 读取文件函数_PHP教程
下一篇: Python遍历指定文件及文件夹的方法
推荐阅读
-
JavaScript 嵌套函数指向this对象错误的解决方法_javascript技巧
-
PHP程序员最常犯的11个MySQL错误_PHP教程
-
PHP错误Cannot use object of type stdClass as array in错误的解决办法
-
VS2010+OpenCV 2.3.0出现“程序无法启动(0xc000000d)”错误的
-
无法在发生错误时创建会话,请检查 PHP 或网站服务器日志,并正确配置 PHP 安装最快的解决办法
-
对javascript的一点点认识总结《javascript高级程序设计》读书笔记_javascript技巧
-
用php定制404错误页面,并发信给管理员的程序
-
php“内存位置访问无效”错误的解决办法_PHP教程
-
asp.net中“从客户端中检测到有潜在危险的Request.Form值”错误的解决办法
-
MySQL ERROR 1045 (28000) 错误的解决办法