Vue首行报错：Component name “XXX“ should always be multi-word

最新推荐文章于 2023-04-19 12:32:51 发布
最新推荐文章于 2023-04-19 12:32:51 发布
阅读量1k 收藏
点赞数
文章标签： vue.js 前端 javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_54727445/article/details/128378896
版权
博客讲述了在Vue开发中遇到的Componentname命名错误，如何按照ESLint规范解决。问题源于组件命名未遵循大驼峰规则，改正后错误消失，强调了遵循编码规范的重要性。

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

在解决了Parsing error: No Babel config file detected for "XXX" 以及 The template requires child element. 的错误，新建Vue文件后，首行又出现了 Component name "XXX" should always be multi-word错误。

查找资料发现错误原因：在组件命名的时候未按照 ESLint 的官方代码规范进行命名！根据 ESLint 官方代码风格指南，除了根组件（App.vue）以外，其他自定义组件命名要使用大驼峰命名方式或者用“-”连接单词进行命名。

 于是，按照“大驼峰”方式，修改文件名后，报错消失了！

参考资料：

在 vue eslint 报错 error “Component name “*****“ should always be multi-word”，该怎么办？

晨曦微兮
关注
Vue eslint 报错 error Component name “xxxx“ should always be multi-word-创建文件后的命名问题导致报错
JackieDYH的博客
01-15 804
组件命名的时候没按照 ESLint 的官方代码规范进行命名，根据 ESLint 官方代码风格指南，除了根组件App.vue以外，其他自定义组件命名要。ignores: ['Home', 'User'] //在这个数组中加入需要忽略的组件名。如：myHome.vue、userPwd.vue等等。经过上面的配置后，只需要重启项目即可。// 添加组件命名忽略规则。// 关闭组件命名规则。
vue eslint 报错：Component name “xxxxx“ should always be multi-word.eslintvue/multi-word-component-name
weixin_44566194的博客
12-03 2065
vue-cli全新创建项目，并建立组件时提示报错，VSCode会标红提示，如图： npm run serve / yarn serve也会报错：Ctrl+Shift+M 问题面板出现 新手在组件命名的时候不够规范，根据官方风格指南，除了根组件（App.vue）外，自定义组件名称应该由多单词组成，防止和html标签冲突。而最新的vue-cli创建的项目使用了最新的vue/cli-plugin-eslint插件，在vue/cli-plugin-eslint v7.20.0版本之后就引用了vue/multi-w
vue3创建文件报“组件名称应该总是由多个单词组成“Component name “index“ should always be multi-word
qq_42756356的博客
06-02 4513
在项目根目录下的 .eslintrc.js 文件中添加 “vue/multi-word-component-names”: “off”, 没有该文件就创建一个
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 5906
解决方法：在vue.config.js文件中写入lintOnSave:false,修改完毕后重启项目。意思是eslint报错，组件名"Login"应该总是多个单词，组件名称命名不规范，未用驼峰命名法。
Component name “list“ should always be multi-word
weixin_Beginner的博客
06-07 443
Component name "list" should always be multi-word
Eslint检验项目报错 Component name xxx should always be multi-word vue/multi-word-component-names解决参考
最新发布
09-21
Eslint报错"Component name xxx should always be multi-word vue/multi-word-component-names"表示组件名应该始终是多单词，不应该以单个单词命名组件。解决方法可以有两种： 解决方法1：修改组件名为多单词形式，...
error Component name “xxx“ should always be multi-word vuemulti-word-comp
m0_54850467的博客
03-08 438
一、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 Pannel should always be multi-word
08-11
- *1* *2* [在创建vue组件中出现Component name “xxx“ should always be multi-word.eslintvue/multi-word-component...](https://blog.csdn.net/junglegle_/article/details/124303644)[target="_blank" data-...
Component name "Aside" should always be multi-word vue/multi-word-component-name
07-27
根据引用\[1\]和引用\[2\]的内容，报错"Component name 'Aside' should always be multi-word vue/multi-word-component-name"是由于Vue项目中的组件名不符合eslint规范导致的。根据引用\[3\]的内容，组件名需要以...
Component name “School“ should always be multi-word
a45667的博客
10-11 3454
也就是命名的组件名不能只有一个单词(App除外)，并且多单词间要遵顼驼峰命名规则(推荐)，或者使用短横杠-连接。把.eslintrc.js换为下面这个代码：（如果没有.eslintrc.js就在根目录下创建一个）multi-word-component-names 意为多单词组件名。这样就可以顺利解决啦🙂。
创建Vue组件编译时报`should always be multi-word`（无法创建单个单词的Vue组件）
热爱编程、热爱生活、热爱探索
02-17 3044
在组件命名的时候未按照 ESLint 的官方代码规范进行命名，根据 ESLint 官方代码风格指南，除了根组件（App.vue）以外，其他自定义组件命名要使用。（应该总是使用多个单词），我直接一脸懵逼”难道Vue组件还必须使用多个单词命名吗？在学习使用Vue时，在Vue脚手架的环境下创建了Vue组件保存然后编译时，突然报错。
Component name “index“ should always be multi-word
黑坑的专栏
10-24 1万+
vue文件不想使用驼峰命名怎么办
解决error: Component name “xxx” should always be multi-word.
m0_67280147的博客
04-19 2万+
error: Component name “xxx” should always be multi-word. 出现这个问题可能是在给组件命名的时候没有使用大驼峰和横线拼接单词，编译的时候会一直报错，而实际上是语法检测问题，每个人或者每个公司团队对语法标准设置不同，所以经常出现这个问题，一般出现这个问题的时候我们关闭语法检测即可。 所遇问题图示 通过上图的报错信息我们可以知道，是组件的名称有问题。 解决的方法 在项目的根目录里面找到vue.config.js,如果没有就自己创建一个； 然后打开该文件，在
解决：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重新编译，就不会出错了。
vue报错：Component name “xxx“ should always be multi-word
qq_51724721的博客
05-06 8727
这个问题困扰我这个菜鸡很久了，当我run serve的时候总是会报错Component name “xxx” should always be multi-word。 一直以为是命名的问题，可是改了又改还是不行，虽然知道肯定不是名字的问题。 INFO Starting development server... ERROR Failed to compile with 1 error
[VUE]报错:Component name “Login“ should always be multi-word.
Loery1314的博客
07-02 6053
报错：Component name "Login" should always be multi-word.意思是说组件名"Login"应该总是多个单词，其实就是eslint报出我的组件名称命名不规范，应该采用驼峰命名法。 解决方法就是在vue.config.js文件中写入lintOnSave:false,修改完毕后重启项目即可。 以下网站是vue官方命名规则网址： vue/multi-word-component-names | eslint-plugin-vue...
vue eslint报错：Component name “index“ should always be multi-word.eslintvue/multi-word-component-names
热门推荐
qq_51066068的博客
07-26 2万+
Component name "index" should always be multi-word.eslintvue/multi-word-component-names
【VUE】报错:Component name “Login“ should always be multi-word.
weixin_57035990的博客
03-06 2116
vue报错
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值