关于子组件调用时ESLint报错的TypeError: n.indexOf is not a function问题定位及解决

最新推荐文章于 2024-06-25 14:21:41 发布
最新推荐文章于 2024-06-25 14:21:41 发布
阅读量1.7k 收藏
点赞数
分类专栏： vue 文章标签： vue.js javascript 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_43996368/article/details/124931345
版权

关于子组件调用时ESLint报错的TypeError: n.indexOf is not a function问题定位及解决

个人遇到的情况是这样的
！！！
1.在这个情况下，只引入了IsNormal单个组件时，整体的代码并没有报错，项目运行也没有问题
![在这里插入图片描述](https://img-blog.csdnimg.cn/e1dd4e4a0ea9451a8cdeec4617edc72c.png在这里插入图片描述

2.在此基础上引入第二个组件NodeDetailList时，ESlint产生报错
在这里插入图片描述
3.从报错内容去看，no-unused-components.js产生的相关报错，但是这时候我引入的组件应该是全使用了的。再通过比较去分析，发现在引入IsNormal这个组件时简写了一个prop参数，命名为is，造成了后续组件无法被ESLint识别
在这里插入图片描述
4.修改以后正确的代码，还是不建议偷懒啦！
在这里插入图片描述
5.Vue-component的元素加一个特殊的 is attribute，is 绑定的是组件name属性值，也可以绑定一个组件的构造器选项对象

Cardhu丶
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Vue3+vue/cli4.5.x版本升级采坑(3) - Eslint校验报错/Vue语法不兼容
sherleysong的专栏
04-21 1万+
“@vue/component-compiler-utils”: “^3.1.2”, “vue-template-compiler”: “^2.6.12”, “babel-plugin-component”: “^1.1.1”, “less”: “^4.1.1”, “style-resources-loader”: “^1.4.1”, “vue-cli-plugin-style-resources-loader”: “~0.1.5” 报错问题截图 代码层面改造： .native报错 <!
XXX.indexOf is not a function 问题
热门推荐
weixin_40453395的博客
04-13 3万+
鉴于网上关于indexOf is not a function解决方法都是jQuery解决方案，跟遇到问题不是一回事写下解决方案。 错误输出： 错误代码： 错误原因：reason2ndIds只有一个id例如100102时，不是字符串，无法使用字符串查找方法indexOf方法。 解决方法:把需要进行查找的字段强转成字符串，强转方法很多，用的是+""; 总结：indexOf为字符串使用方法，...
遇到value.indexOf is not a function问题的原因以及解决方法
KMINLIKE的博客
12-13 6190
前端遇到的问题解决
eslint-plugin-n插件报错
最新发布
summer__cai的博客
06-25 225
查看17.x对应需要的Node.js版本，安装即可。该错误中提示使用到的插件版本为17.9.0，进入。
node-xlsx 写入 excel 报错之 TypeError: n.indexOf is not a function
joy1793的博客
12-11 1280
shit ！ 使用 node-xlsx 写入组装好的数据到excel中，始终报错，报错信息如下： (node:6357) UnhandledPromiseRejectionWarning: TypeError: n.indexOf is not a function at /Users/mac/project/reptile/invoice/node_modules/xlsx/xlsx.js:15693:8 at Array.forEach (<anonymous>) a
TypeError: e.indexOf is not a function解决方法
weixin_42645716的博客
09-06 2102
【代码】TypeError: e.indexOf is not a function解决方法。
关于Error in callback for watcher “data“: “TypeError: data.indexOf is not a function“的错误
南极修炼千年的大冰块
07-16 2万+
关于Error in callback for watcher “data”: "TypeError: data.indexOf is not a function"的错误说明 原因：表格显示需要数组包含对象的形式，每个对象是一行数据，拿到的数据格式不对。 错误例子： 从后台获取数据res.data,显示在表格中。 只有一条数据，六个内容，应该是一行六列，但是出现了六行六列，且都为空。 报三个...
JavaScript 不支持 indexof 该如何解决
10-22
为了解决IE8不支持indexOf的问题，可以通过编写一个兼容性的polyfill脚本来模拟indexOf()方法的功能。该polyfill通过扩展Array.prototype来添加indexOf方法，这样即使在不支持该方法的浏览器中，也可以调用indexOf()...
array-foreach:Array.prototype.forEach polyfill
06-03
throw new TypeError(callback + ' is not a function'); } // 5. If thisArg was supplied, let T be thisArg; else let T be undefined. if (thisArg !== undefined) { T = thisArg; } // 6. Let k be 0. ...
【JavaScript源代码】详解JavaScript中的链式调用.docx
12-29
JavaScript中的链式调用是一种常见的编程技巧，尤其在处理对象属性和方法时，可以使代码更加简洁、易读。链式调用的核心思想是通过在每次方法调用后返回对象自身，使得可以连续调用多个方法而无需重复指定对象名。在...
jquery 重写 ajax提交并判断权限后 使用load方法报错解决方法
10-22
不返回`_ajax`的结果会导致在使用`load`等依赖`ajax`方法的jQuery函数时，因为`ajax`没有返回`Promise`对象而报错：“Uncaught TypeError: Cannot call method 'done' of undefined。”因此，`return _ajax(_opt);`...
107个常用javascript语句
03-06
96.变量.indexOf("字符",起始位置),返回第一个出现的位置(从0开始计算) 97.string.lastIndexOf(searchString[,startIndex])最后一次出现的位置. 98.string.match(regExpression),判断字符是否匹配. 99.string....
小程序“TypeError: num.indexOf is not a function”解决
Calvert的博客
11-28 5276
错误： 编译器报了 “num.indexOf is not a function; [Component] Event Handler Error @ pages/USgoodprice/USgoodprice#bound getTest TypeError: num.indexOf is not a function” 很狗血 ，查了半天， 案例重现： 我首先先使用了一个简单...
vue 在vue文件中引入子组件后，eslint导致组件未引入的解决办法
qq_42949209的博客
04-29 1421
问题前提：vue3项目，启用eslint 在vue引入一个子组件，在components中也注册了该组件，在template中也写了该组件，但eslint就是报错注册未使用组件。 举一个例子 import EditLogDetail from "@/views/LogDetail/EditLogDetail.vue"; 在components中注册 components: { EditLogDetail, }, 在html中使用 <edit-log-detail ref="..
【vue报错解决】TypeError: i.indexOf is not a function
FTEzreal的博客
02-11 9308
前言：出现此类报错，问题一般都出现在数据类型上，比如： 1.字符串使用了数组的方法； 2.数据应定义为数组[]，却定义成了字符串 … so，优先检查数据类型的问题。 问题： vue+element 后台管理系统，切换搜索板块时，需要清空筛选条件重置数据 控制台报错如下： 解决： 经检查，问题出在vue双向绑定的数据类型上。 项目中有一个下拉筛选搜索框，之前为单选，data中初始值定义为空字符串’ '；后续需求变更为多选筛选，data中的初始值应定义为数组[ ]，而需求变更的时候忽略了这个问题，所以出现.
ESLint: TypeError: this.libOptions.parse is not a function - Webstorm
weixin_43928813的博客
09-16 2万+
ESLint 在 Webstorm 中出现 TypeError: this.libOptions.parse is not a function 错误的原因及修复办法。如果你正在使用 ESLint 8.23.x 和 WebStorm 2022.2.x 或 PhpStorm 2022.2.x。这是 ESLint 8.23.x 中的一个bug。ESLint 团队正在努力解决这个问题，希望很快就能解决。在此之前，解决方法是将你的 ESLint 的版本降至8.22。
Vue项目中element使用组件按需引入的方法导致eslint检测出错
qq_45532769的博客
11-03 1056
Vue项目中element使用组件按需引入的方法导致eslint检测出错
vue3报错 Unexpected mutation of “xxx“ prop.(eslintvue/no-mutating-props)
jieyucx的博客
12-12 1万+
vue3报错 Unexpected mutation of “xxx“ prop.(eslintvue/no-mutating-props)
Eslint:vue3项目添加eslint(standard规则)
weixin_43239880的博客
04-23 5075
1.可以看到我们自己新建的vite项目来自己添加standard规则会有各种的bug，虽然这种bug在eslint的官网都能解决，但是还是很费神的，关键还是在于eslint和vite融合的不够完美（也怪更新的太快了），不能直接初始化好了就可以用（像vue2一样）。所以总结下来的话，我认为还是在刚建立项目的时候就去添加eslint，然后使用自定义的规则来做,参考我的上一篇文章。2.另外的话，此时用npx eslint --init的方式只能添加standard规则和xo规则，并没有airbnb规则。
hexo框架报错TypeError: coverVal.indexOf is not a function
07-27
这个错误通常是由于在使用 Hexo 框架时，尝试在一个非字符串的变量上调用 `indexOf` 函数导致的。`indexOf` 函数是 JavaScript 字符串的方法，而不是其他类型的方法。 要解决这个问题，你需要确保 `coverVal` 是一个字符串，然后再调用 `indexOf` 函数。你可以通过使用 `typeof` 操作符来检查 `coverVal` 的类型，例如： ```javascript if (typeof coverVal === 'string') { // 在这里使用 coverVal.indexOf() } else { // coverVal 不是一个字符串，可能需要进行其他处理 } ``` 如果你能提供更多的代码或上下文信息，我可以给出更具体的帮助。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值