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

最新推荐文章于 2024-01-10 20:11:48 发布

Cardhu丶

最新推荐文章于 2024-01-10 20:11:48 发布

阅读量1.8k

点赞数

CC 4.0 BY-SA版权

分类专栏： vue 文章标签： vue.js javascript 前端

本文链接：https://blog.csdn.net/weixin_43996368/article/details/124931345

vue 专栏收录该内容

57 篇文章

订阅专栏

本文介绍了在Vue项目中遇到的ESLint错误：TypeError:n.indexOf is not a function。作者详细描述了问题出现的背景，即在仅引入一个组件IsNormal时无报错，而引入第二个组件NodeDetailList后引发错误。经过排查发现错误源于对IsNormal组件prop参数的简写。修复方法是避免这种简写，确保所有组件的prop参数正确使用。此外，还解释了Vue中is属性的作用，它是用于指定元素要渲染的组件。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

关于子组件调用时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属性值，也可以绑定一个组件的构造器选项对象