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

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

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

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

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

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

解决的方法

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

Vue eslint 报错 error Component name “xxxx“ should always be multi-word-创建文件后的命名问题导致报错
JackieDYH的博客
01-15 787
组件命名的时候没按照 ESLint 的官方代码规范进行命名，根据 ESLint 官方代码风格指南，除了根组件App.vue以外，其他自定义组件命名要。ignores: ['Home', 'User'] //在这个数组中加入需要忽略的组件名。如：myHome.vue、userPwd.vue等等。经过上面的配置后，只需要重启项目即可。// 添加组件命名忽略规则。// 关闭组件命名规则。
vue2 - vue2项目eslint报错: Component name “xxxxx“ should always be multi-word.eslintvue的最全4种详细解决方案（已解决）
前端充电宝
03-02 1480
vue2项目eslint报错: Component name “xxxxx“ should always be multi-word.eslintvue的最全4种详细解决方案
error Component name “xxx“ should always be multi-word vuemulti-word-comp
m0_54850467的博客
03-08 434
一、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 分析：语法检查的时候把不规范的代码(即命名不规范)当成了错误 解决方案: 更改组件名(这个比较麻烦),也就是重新起个组件名,使其符合命名规范,如: StudentName
最新版解决：Component name “index“ should always be multi-word
最新发布
None_Like_Fish的博客
02-22 251
如图，在eslint.config.js中的export default，加入 rules: [
【vue3】项目报错Component name “About“ should always be multi-word vue/multi-word-component-names
fruge365的博客
12-24 364
【vue3】项目报错Component name "About" should always be multi-word vue/multi-word-component-names
【vue eslint】报错Component name “xxxxx“ should always be multi-word.eslintvue/四种解决方案
热门推荐
u013078755的博客
03-18 8万+
四种方式解决Component name "index" should always be multi-word.eslintvue/multi-word-component-names报错
解决：Component name “index“ should always be multi-word
weixin_71403100的博客
04-18 2万+
要求组件名称以驼峰格式命名，自定义组件名称应该由多单纯组成，防止和html标签冲突，所以index.vue 会报错。vue报错：Component name "index" should always be multi-word。若没有.eslintrc.js文件，也可以直接在package.json文件中添加，路径为👇。按照规则，将组件名称改为驼峰格式，如：appIndex.vue。最后：输入npm run serve重新编译，就不会出错了。
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 元素发生冲突。
Component name “Login“ should always be multi-word.
kuang*的博客
04-19 5890
解决方法：在vue.config.js文件中写入lintOnSave:false,修改完毕后重启项目。意思是eslint报错，组件名"Login"应该总是多个单词，组件名称命名不规范，未用驼峰命名法。
Vue项目报错： Component name “xxx“ should always be multi-word vue/multi-word-component-names
qq_40787608的博客
06-14 2万+
vue
Component name "Pageone" should always be multi-word.
09-01
- *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....
error Component name "" should always be multi-word
08-23
- *1* [解决error: Component name “xxx” should always be multi-word.](https://blog.csdn.net/m0_67280147/article/details/124276936)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630",...
1:1 error Component name "Search" should always be multi-word vue/multi-word-component-names
07-27
- *2* [报错：error Component name “xxx“ should always be multi-word vue/multi-word-component-names](https://blog.csdn.net/m0_70619994/article/details/127931589)[target="_blank" data-report-click={...
【VUE】报错:Component name “Login“ should always be multi-word.
weixin_57035990的博客
03-06 2114
vue报错
vue3创建文件报“组件名称应该总是由多个单词组成“Component name “index“ should always be multi-word
qq_42756356的博客
06-02 4496
在项目根目录下的 .eslintrc.js 文件中添加 “vue/multi-word-component-names”: “off”, 没有该文件就创建一个
Component name “xxx“ should always be multi-word
you200282的博客
06-15 748
Component name "xxx" should always be multi-word
Component name XXX should always be multi-word
The_more_more的博客
04-16 6257
一、出现报错 最近做一些小demo的时候出现一个错误 Component name “index” should always be multi-word 二、了解问题 给组件命名时没有使用驼峰命名法或横线拼接单词，编译的时候一直报错，实际上是语法检测的问 题，语法检查时将不规范的代码当成了错误。 注意：语法检查时要求组件名不能是单个单词，因此单个单词如 School 也会报错。 三、解决 在网上查了一查，很多的推荐就是在vue.config.js的文件下去关闭语法检查 module.exports =
评论 12
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

打赏作者

大月月.

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

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

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

打赏作者

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

抵扣说明：

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

余额充值