vue2项目Component name “Home“ should always be multi-word.

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

 在package.json文件中关闭名称校验

  "vue/multi-word-component-names": "off"

入门就放弃的菜鸟
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
vue-2.4.0.js
02-25
vue-2.4.0.js常用的vue前端框架。vue提供大量组件，简单易用，让程序员放手去写代码，减少DOM操作，十分happy！
vue-upload-component-Vue上传组件，多文件上传，上传目录，拖动上传，拖动目录。 支持Vue> = 2.0-Vue.js开发
05-27
vue-upload-component Vue.js file upload component The component is just a button Multi-file upload Upload directory Drag upload Drag the directory Upl vue-upload-component Vue.js file upload ...
eslint报错Component name “home“ should always be multi-word，文件命名规则导致问题解决方案
qq_38188228的博客
02-12 1万+
新建vue项目的时候，往往需要配置eslint进行代码的格式化，但使用过程中也是会遇到各种问题，就比如：Component name “Home” should always be multi-word.eslintvue/multi-word-component-names其实这是eslint对命名的校验，要以多词组件名称命名，防止与现有和未来的 HTML 元素发生冲突。
vue2.0 + vux （四）Home页
weixin_34380781的博客
11-19 89
1.综合页（首页） Home.vue <!-- 首页 --> <template> <div> <!-- 顶部 标题栏 --> <app-header></app-header> <!-- 选项卡 --> <tab :line-width="2&quot
vue2项目（三）----- Home
m0_61368323的博客
05-07 524
Home页面有7个子组件。步骤：1）创建组件（命名为TypeNav，全局组件一般放在components文件夹中）2）全局注册组件（在main.js文件中）注意：vue2和vue3全局注册都是在main.js文件中注册，但是写法不一样！！！3）使用组件（在home组件中使用TypeNav）步骤一样，先创建组件，再在Home组件中引入和注册并使用说明：1）本项目是一个前后台分离的项目前台应用与后台应用2）后台应用负责处理前台应用提交的请求并给前台应用返回json数据。
【Vue2项目(尚品汇前台)】(二）Home首页模块搭建
matmacchiato的博客
01-17 674
防抖（回城技能）前面的所有的触发都被取消，最后一次执行在规定的时间之后才会触发，也就是说如果连续快速的触发，只会执行一次（简单来说就是回城技能）} , 1000)节流（回城cd）在规定的间隔时间范围内不会重复触发回调，只有大于这个时间间隔才会触发回调，把频繁触发变为少量触发} , 1000)lodash插件中封装了防抖与节流的业务【闭包+延迟器】
Vue.js
weixin_43999182的博客
05-13 5906
Vue.js 开发模式： CDN NPM 在用 Vue 构建大型应用时推荐使用 NPM 。NPM 能很好地和诸如 webpack 或 Browserify 模块打包器配合使用。同时 Vue 也提供配套工具来开发单文件组件 学习开发工具：Visual Studio Code 工具下载网址：Visual Studio Code下载地址 装好软件后装几个插件： 1、Live Server 为静态和动态页面启动带有实时重新加载功能的开发本地服务器 2、Vetur 用于VS代码的Vue工具 3、V
vue-devtools-5.1.1.zip
04-23
在github链接上面直接下载的vue-devtools 不可用，我这里在分支里面下载的，5.1.1版本可用的。 使用方法 切换到根目录 cnpm install，然后 npm run build，再 修改shells\chrome 目录下的manifest.json 里面的 ...
vue-popper-component-Vue.js的Popper.js指令。-Vue.js开发
05-27
vue-popper-component Popper.js插件的简单Vue.js组件。 演示：https://antongorodezkiy.github.io/vue-popper-component/依赖关系：Vue 1. vue-popper-component Popper.js插件的简单Vue.js组件。 演示：...
vue-slider-component-vue1.x和vue2.x的滑块。-Vue.js开发
05-27
vue-slider-component:level_slider:高度定制的滑块组件 简体中文:sparkles:功能:meat_on_bone:更多可定制:dress:多种样式主题:spouting_whale:支持movue-slider-component:level_slider:高度定制的滑块组件 简体...
Asena：Asena，Discord的快速可靠的抽奖和投票机器人！
02-01
:robot_face: 稳定，快速，便捷，并被新一代技术所包围Discord赠品，调查和民意调查机器人！ 多国语言支持 [EN]由于该漫游器在土耳其语服务器上的使用率很高，因此该漫游器的默认语言设置为“土耳其语” 。 您可以使用命令!alocale set <language>更改服务器中机器人的语言。 [TR] Botun育空塞克高头谢蒂尔克sunucularındakullanılmasındandolayıbotunvarsıyılan帝Türkçeolarakayarlanmıştır。 Bolocal sunucuiçerisindeki dilini !alocale set <dil> komutu iledeğiştirebilirsiniz。 使机器人的默认语言为英语的示例： ! alocale set en 命令清单 :mechanical_arm: 前缀：！a（默认） 命令 描述 取消 取消赠品。 创造 在一行中开始新的赠品。 重新滚动 重复赠品的结果。 建立 启动交互式安装向导。 结束 尽早完成赠品。 抽奖 列出服务器
【Vue】组件命名报错 “Component name “XXX“ should always be multi-word”的解决方法
【敦厚的曹操】的专栏
06-13 5万+
组件命名报错 “Component name “XXX“ should always be multi-word”的解决方法
Vue报错Component name“Home“should always be multi问题以及一些常见报错
pleaseprintf的博客
06-07 312
这篇文章主要介绍了Vue报错Component name"Home"should always be multi问题及解决方案，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教以上为个人经验，希望能给大家一个参考需要系统源码或者BiShe加V。
Not Found - GET https://registry.npmmirror.com/4.5.17 - [NOT_FOUND] 4.5.17 not found
qq_51501328的博客
05-10 1万+
错误信息：Not Found - GET https://registry.npmmirror.com/4.5.17 - [NOT_FOUND] 4.5.17 not found 错误命令 >npm install @vue/cli@ 4.5.17 -g 错误全部信息 npm ERR! code E404 npm ERR! 404 Not Found - GET https://registry.npmmirror.com/4.5.17 - [NOT_FOUND] 4.5.17 not found
k8s1.18-kubeadm安装手册
热门推荐
因上努力，果上随缘。但行好事，莫问前程。
04-27 15万+
一、初始化 参考链接：https://kubernetes.io/docs/reference/setup-tools/kubeadm/ 1.1、配置要求 节点配置为2c4g+ 集群中所有机器之间互通 hostname 和 mac 地址集群内唯一 CentOS版本为7，最好是7.9，低版本的建议更新下 集群中所有节点可以访问外网拉取镜像 swap分区关闭 注：这里进行单master方式安装。多master安装方式同理 1.2、初始化 1.所有主机上都要操作 systemctop
python android api_服务器python 安卓接口
weixin_39957461的博客
12-01 860
{"moduleinfo":{"card_count":[{"count_phone":1,"count":1}],"search_count":[{"count_phone":6,"count":6}]},"card":[{"des":"云服务器 ECS(Elastic Compute Service)是一种弹性可伸缩的计算服务，助您降低 IT 成本，提升运维效率，使您更专注于核心业务创新。",...
Vue中自定义组件不符合命名规范解决办法Component name “Home“ should always be multi-word.(vue/multi-word-component-nam
weixin_51799004的博客
05-30 1102
不符合Vue中的自定义组件命名规则（有使用大驼峰和横线拼接单词），一、根据编辑器提示，在组件命名之前添加注释声明，可快速解决报错问题。在.eslintrc.js文件中的rules中添加。
Vue 安装 live-server
张营的技术博客
04-25 4657
live-server是轻量级热插拔插件，在开发阶段可以不用刷新浏览器，只用保存了文件，浏览器自动重新加载页面的元素，非常方便。如果没有用vue-cli搭建项目可以直接全局安装live-server方便开发。如果用vue-cli初始化项目，一般会自带hot插件。 1.安装方法 npm install live-server -g 2.运行 在项目根目录运行： live-server 3...
谷粒商城-服务1
fen_dou_shao_nian的博客
08-31 1907
一、项目简介 1、项目架构图 2、项目划分图 3、环境搭建 1）安装linux虚拟机 下载&安装Virtualbox https://www.virtualbox.org/wiki/Downloads 注意：要开启CPU虚拟化 2）安装vagrant 下载地址：https://www.vagrantup.com/downloads vagrant的镜像库：https://app.vagrantup.com/boxes/search 输入vagrant init centos/7，即可
Component name "Home" should always be multi-word.
最新发布
07-27
回答: 这个错误是由于组件命名不符合ESLint的官方代码规范导致的。根据ESLint的规定，组件名称应该是多个单词组成的，而不是单个单词。这样做是为了避免与现有和未来的HTML元素发生冲突。\[1\]要解决这个问题，你可以按照以下方式进行操作: 1. 修改组件的名称，确保它是多个单词组成的，比如将"Home"改为"HomePage"。 2. 在项目的.eslintrc.js文件中进行配置，将vue/multi-word-component-names规则设置为"error"，这样ESLint会在命名不符合规范时给出错误提示。\[2\] 通过以上操作，你就可以解决这个问题了。记得在修改组件名称后，还需要在相关的地方更新引用。\[3\] #### 引用[.reference_title] - *1* [eslint报错Component name “home“ should always be multi-word](https://blog.csdn.net/weixin_44244924/article/details/129841623)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^control,239^v3^insert_chatgpt"}} ] [.reference_item] - *2* [Component name “home“ should always be multi-word.eslintvue/multi-word-component-names](https://blog.csdn.net/m0_67676064/article/details/126861235)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^control,239^v3^insert_chatgpt"}} ] [.reference_item] - *3* [eslint报错Component name “home“ should always be multi-word，文件命名规则导致问题解决方案](https://blog.csdn.net/qq_38188228/article/details/129000301)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^control,239^v3^insert_chatgpt"}} ] [.reference_item] [ .reference_list ]

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值