解决error: Component name “xxx” should always be multi-word.

已于 2022-04-19 16:45:15 修改
阅读量1.7w 收藏 14
点赞数 35
分类专栏： vue.js
于 2022-04-19 16:42:42 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_67280147/article/details/124276936
版权

前端框架

error: Component name “xxx” should always be multi-word.

出现这个问题可能是在给组件命名的时候没有使用大驼峰和横线拼接单词，编译的时候会一直报错，而实际上是语法检测问题，每个人或者每个公司团队对语法标准设置不同，所以经常出现这个问题，一般出现这个问题的时候我们关闭语法检测即可。

所遇问题图示在这里插入图片描述

通过上图的报错信息我们可以知道，是组件的名称有问题。

解决的方法

在项目的根目录里面找到vue.config.js,如果没有就自己创建一个；
在这里插入图片描述
然后打开该文件，在里面添加下面的代码；
在这里插入图片描述
保存后重新编译项目即可
在这里插入图片描述

大月月.
关注
  • 35
    点赞
  • 踩
  • 14
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 10
    评论
专栏目录
在 vue eslint 报错 error “Component name “*****“ should always be multi-word”，该怎么办？
酷爱前端的小陈博客
05-09 11万+
出现的问题： 在 vue-cli 创建的项目中，创建文件并命名后，会报“Component name "*****" should always be multi-word”报错； 报错截图如下： Component name "******" should always be multi-word.eslintvue/multi-word-component-names 报错的原因： 在组件命名的时候不够规范，根据 ESLint 官方风格指南，除了根组件（A..........
64位linux 编译c提示gnu/stubs-32.h:No such file or directory的解决方法
08-19
C语言编译器关于gnu/stubs-32.h文件的解决方法 在64位Linux系统下编译C语言程序时，可能会出现gnu/stubs-32.h文件不存在的错误，主要是因为缺少32位兼容包的原因。今天，我们就来探讨解决这个问题的方法。 首先，...
【VUE】报错:Component name “Login“ should always be multi-word.
weixin_57035990的博客
03-06 1947
vue报错
Component name “Login“ should always be multi-word
m0_65382120的博客
04-01 1万+
组件名称“Login”应该总是多个单词 意思是我的Login命名不规范，应该采用驼峰命名法 解决方法 在config下写 lintOnSave: false 注意在修改完之后要关闭终端在启动 这个问题是设置是否在开发环境下每次保存代码时都启用 eslint验证。 ...
【Vue】在vue中命名的时候会遇到 component name “index“ should always be multi-word的解决方案
Trees__的博客
08-06 1万+
【Vue】在vue中命名的时候会遇到 component name "index" should always be multi-word的解决方案 第一种方法 直接改名 第二种方法 关闭检验 第三种方法 关闭命名规则校验 第四种方法 官方建议的设置
policycoreutils-python-2.5-29.el17.x86 audit-libs-2.8.4-4.el7.x8
06-22
docker 安装 Error: Package: policycoreutils-python-2.5-29.el17.x86_64 所需rpm。详细解决方案见：https://blog.csdn.net/taotao_guiwang/article/details/125405383?spm=1001.2014.3001.5501
error Component name “About“ should always be multi-word vue/multi-word-component-names
qq_58519519的博客
02-28 3566
报错： 解决方案一: 可以重新命名，采用驼峰命名法 或 - 衔接的方式 解决方案二: 在项目的根目录找到(没有就创建) vue.config.js 这个文件 加入这几行代码 保存重新编译
vue脚手架报错：“Component name “***“ should always be multi-word”解决方法
热门推荐
Cuichenyang158的博客
11-01 2万+
“Component name “***“ should always be multi-word”解决方法
error Component name “Login“ should always be multi-word vue/multi-word-component-names
qq_50678909的博客
05-09 7135
error Component name “Login“ should always be multi-word vue/multi-word-component-names
Component name “login“ should always be multi-word vue/multi-word-component-names
GetAlone的博客
08-18 3716
You may use special comments to disable some warnings.
Component name “index“ should always be multi-word
黑坑的专栏
10-24 1万+
vue文件不想使用驼峰命名怎么办
解决gedit: symbol lookup error: /home/xxx/libgobject-2.0.so.0: undefined symbol: g_date_copy问题
01-20
在本文中，我们将探讨一个与Linux系统中软件依赖和库版本相关的问题，特别是关于gedit文本编辑器在Ubuntu 16.04上遇到的"symbol lookup error"。该问题通常发生在尝试执行gedit或某些其他应用程序时，由于库文件不...
Error response from daemon: Get https://registry-1.docker.io/v2/: dial tcp: lookup registry-1.docker
01-20
Error response from daemon: Get https://registry-1.docker.io/v2/: dial tcp: lookup registry-1.docker 一通百度，发现原来是dns服务器的错误，把服务器改成8.8.8.8或者114.114.114.114即可 具体做法: vim /etc/...
Python中对错误NameError: name ‘xxx’ is not defined进行总结
04-30
最近在使用python过重遇到这个问题，NameError: name 'xxx' is not defined，在学习python或者在使用python的过程中这个问题大家肯定都遇到过，在这里我就这个问题总结以下几种情况： 错误NameError: name ‘xxx’ ...
报错：Component name....multi-word-component-names——ESLint关闭校验的两种方法（简单好用）
qq_56715703的博客
04-13 1676
是因为我们在使用vue-cli创建项目使用了最新的vue/cli-plugin-eslint插件，引用了vue/multi-word-component-names规则，所以在编译的时候判定此次错误。但是官方并不建议直接关闭校验，因为此方法只是编译时不报错，如果使用vscode+eslint会在文件头标红提示，所以推荐下一种方式。是避免因为某个字段未定义或者因为命名不规范导致的服务崩溃，可以有效的控制项目代码的质量。：在ESlint的配置文件eslintrc.js中（如果没有在根目录下新建一个名为。
error Component name “xxx“ should always be multi-word vue/multi-word-comp
天马3798
03-01 1万+
一、Vue 3编译报错 error Component name "Login" should always be multi-word vue/multi-word-comp error Component name "Login" should always be multi-word vue/multi-word-comp 分析：语法检查的时候把不规范的代码(即命名不规范)当成了错误 解决方案: 更改组件名(这个比较麻烦),也就是重新起个组件名,使其符合命名规范,如: Stu.
Component name “School“ should always be multi-word
a45667的博客
10-11 3106
也就是命名的组件名不能只有一个单词(App除外)，并且多单词间要遵顼驼峰命名规则(推荐)，或者使用短横杠-连接。把.eslintrc.js换为下面这个代码：（如果没有.eslintrc.js就在根目录下创建一个）multi-word-component-names 意为多单词组件名。这样就可以顺利解决啦🙂。
Vue报错：Component name “School“ should always be multi-word vue/multi-word-component
DCJwwh的博客
01-17 8789
今天搭建脚手架，系统报了将近6，7个错误，弄得我头疼。更可气的是，犯的这些全是低级错误！为了未来不再踩坑，写此文记录之。
报错：Component name “login“ should always be multi-word.
ALDNOAH_K的博客
03-17 4977
1.找到 vue.config.js 文件，将代码复制到文件中，重新编译（可能没什么用） const { defineConfig } = require('@vue/cli-service') module.exports = defineConfig({ transpileDependencies: true, lintOnSave: false }) 2.使用驼峰命名法命名文件（亲测有效） 例：myLogin.vue ...
Component name "Pageone" should always be multi-word.
最新发布
09-01
Component name "Pageone" should always be multi-word. 这个错误是由eslint规范化报的。根据Vue的最佳实践，组件名应该使用多个单词来命名，以便更好地描述组件的功能。这样做可以提高代码的可读性和可维护性。为了解决这个问题，你可以将组件名更改为多个单词的形式，例如"PageOne"或"PageOneComponent"。这样做可以遵守Vue的命名约定并消除eslint报错。<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* *2* [Vue报错【已解决】【Component name “xxx“ should always be multi-word vue/multi-word-component-names...](https://blog.csdn.net/m0_62742402/article/details/127668141)[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^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 50%"] - *3* [error Component name “xxx“ should always be multi-word vue/multi-word-comp](https://blog.csdn.net/qq_46580571/article/details/123979098)[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^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 50%"] [ .reference_list ]

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

大月月.

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值