vue之关闭eslint及vue/require-v-for-key 、vue/no-unsed-vars报错解决方法

最新推荐文章于 2024-06-14 10:39:01 发布
最新推荐文章于 2024-06-14 10:39:01 发布
阅读量31 收藏
点赞数
文章标签： vue.js 前端 javascript ecmascript 前端框架
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_43869364/article/details/135783378
版权

 报错：Page1组件已经注册但是没有被使用。  vue/no-unused-components

如果报错以下：

解决方法：

首先打开项目中的package,json

找到eslint-config

再找到eslint-config内的rules

添加下列语句

 

"vue/no-unused-components":"off",
"vue/require-v-for-key":"off",
"vue/no-unused-vars":"off",

保存，关闭serve(在vscode终端Ctrl+C终止服务) 再重启serve(在vscode终端输入npm run serve)，若成功启动，则OK

成功图如下：

Bug从此不上门
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
socket io与vue-cli的结合使用的示例代码
01-19
关于在vue中使用websocket的简易例子 使用vue-cli生成一个vue模版 安装三个依赖： npm install -s socket.io npm install -s vue-socket.io npm install -s socket.io-client 创建一个新的servers：在文件最外层...
vue-stroll-一个很棒CSS3列表滚动效果组件，用于Vue.js2.x。-Vue.js开发
05-27
vue-stroll Vue.js + Stroll.js。 Vue2.x的超棒CSS列表滚动效果。 请参阅演示安装npm i vue-stroll -S CDN使用此URL进行开发vue-stroll Vue.js + Stroll.js。 Vue2.x的超棒CSS列表滚动效果。 请参阅演示安装npm i ...
vue开发中v-for在Eslint的规则检查下出现：Elements in iteration expect to have 'v-bind:key' directives
热门推荐
jagger_guo的博客
12-31 4万+
vue开发中v-for在Eslint的规则检查下出现：Elements in iteration expect to have 'v-bind:key' directives
vue使用报错记录：[vue/require-v-for-key]Elements in iteration expect to have 'v-bind:key' dir
qq_37340311的博客
02-22 9450
当vue报错为：vue/require-v-for-key]Elements in iteration expect to have 'v-bind:key' dir 则是如下错误显示： 则在Vue 的版本里，当在组件中使用v-for时，key是必须的。 解决方案：在文件 –>首选项 –>设置 –>在搜索框中输入vetur.validation.template,可以找到v...
vscode中：error The “Form“ component has been registered but not used vue/no-unused-components
千里花开花落的博客
11-23 1万+
目录问题描述：解决方法： 问题描述： **组件导入了，且再componets中注册了，也在模板中使用了，**但是依然报错：error The “Form” component has been registered but not used vue/no-unused-components，组件注册了，但是没有使用。 报错信息： 解决方法： 将模板中的组件名首字母改成小写，如下图： 这样就成功了！如果有帮助可以点个赞，谢谢啦！0.0 ...
解决vue的[vue/require-v-for-key]Elements in iteration expect to have ‘v-bind:key‘ directives报错
liang_zhao_ting的博客
07-31 2767
vue报错： [vue/require-v-for-key] Elements in iteration expect to have 'v-bind:key' directives，eslint-plugin-vue 报错原因：使用了Eslint规则 解决方法： 文件》首选项》设置，搜索eslint-plugin-vue，取消勾选 ...
vue-i18n-trans-loader:一个配合i18n全自动生成语言库并翻译的loader
07-24
vue-i18n-trans-loader一个配合vue-i18n自动翻译并生成语言包的库使用说明1.安装vue-i18n，并按照vue-i18n的操作指引配置好 npm install -S vue-i18n2.将src目录下的loaders拷贝到vue的src目录下3.配置好vue.config....
hex-to-binary:将十六进制字符串转换为二进制字符串
05-01
十六进制到二进制 npm install hex-to-binary -S ...var hexToBinary = require ( 'hex-to-binary' ) ; var hexString = 'AF30B' ; // 10101111001100001011 console . log ( hexToBinary ( hexString ) ) ;
color-convert:JavaScript中的纯色转换功能
04-28
它在rgb ， hsl ， hsv ， hwb ， cmyk ， ansi ， ansi16 ， hex字符串和CSS keyword s之间进行所有转换（将四舍五入到最接近）： var convert = require ( 'color-convert' ) ;convert . rgb . hsl ( 140 , 200 ,...
vue中引入组件出现The “xxx“ component has been registered but not used vue/no-unused-components的原因
qq_40462272的博客
03-30 1万+
看格式没有问题。但是还是出错。 但是突然想起header是HTML5的元素，于是把header改为sellheader，运行成功。 所以自定义组件时要避免和已有元素标签同名。
vetur插件提示[eslint-plugin-vue] [vue/require-v-for-key] Elements in iteration expect to.......错误
phubing
08-22 8965
在vscode下编辑vue报错提示，遂记录下这个错误，以便日后再犯: [vue-language-server] Elements in iteration expect to have 'v-bind:key' directives. Renders the element or template block multiple times based on the source data ...
[vue/require-v-for-key] Elements in iteration expect to have 'v-bind:key' directives.eslint-plugin-v
啊林博客
07-11 1万+
场景 在写vue项目，写到v-for循环的时候出现了 [vue/require-v-for-key] Elements in iteration expect to have 'v-bind:key' directives.eslint-plugin-vue 原因是：v-for在Eslint的规则检查下报错。 解决 报错中说：Elements in iteration ex...
vue报错2Frequire-v-for-key Elements in iteration expect to have 'v-bind:key' directives
qq_24751059的博客
04-14 4942
<div> <ol> <li v-for= "todo in todos"> {{ todo.text }} </li> </ol> </div> <div> todos: [ { te
Eslint插件
qq_30817073的博客
09-20 1万+
ESLint旨在完全可配置，这意味着您可以关闭每个规则，只能使用基本语法验证，或者混合并匹配捆绑的规则和自定义规则，使ESLint完美的适用于您的项目。 一、eslint-plugin-vue 地址：https://github.com/vuejs/eslint-plugin-vue 安装： npm install --save-dev eslint eslint-plugin-vue@b
Vue 使用v-for报错:Elements in iteration expect to have 'v-bind:key' directives vue/require-v-for-key
明明的博客
06-30 2120
错误原因: 因为没有绑定key导致报错 虽然运行结果不会有错 但是对于看不得有红线的我来说还是要解决下的 解决方法如下: <ul v-for="stu in student" :key="stu.id"> <li>{{stu}}</li> </ul> 在使用v-for 后边...
[Vue-常见错误]浏览器显示Uncaught runtime errors
一个喜欢什么都研究一下的小小后端程序员
06-09 347
在vue.config.js中配置关闭Uncaught runtime errors显示。
vue3如何定义一个组件
Java程序员专栏
06-09 534
注意在子组件的 <template> 中，你使用 {{ propName }} 来显示传递进来的参数值。在父组件中，你使用 :propName="parentMessage" 来将 parentMessage 数据的值绑定到子组件的 propName prop 上。当使用 <script setup> 语法糖时，你不能直接在 <script> 标签内使用 props 选项。在 Vue 3 中，定义一个可以接收参数的组件通常是通过在组件的 props 选项中定义这些参数来完成的。// 其他组件逻辑...
关于element-plus中el-select自定义标签及样式的问题
最新发布
x_XDGS的博客
06-14 180
element-plus， el-select，自定义标签，动态更改颜色样式，更该样式
vue3报eslint-disable vue/multi-word-component-names
11-11
可以在需要禁用规则的地方添加注释`eslint-disable`，后面跟上需要禁用的规则名... // eslint-disable-next-line no-unused-vars const unusedVar = 'foo' } } </script> ``` 这样就只会禁用该行代码中的指定规则。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值