Vue项目运行报错： Component name “xxx“ should always be multi-word vue/multi-word-component-names

最新推荐文章于 2025-04-11 09:51:39 发布
最新推荐文章于 2025-04-11 09:51:39 发布
阅读量7.8k 收藏 10
点赞数 7
文章标签： vue.js javascript 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_74152912/article/details/130592384
版权
文章讲述了由于组件名未遵循驼峰式或PascalCase规则导致的eslint报错问题，提供了两种解决方案：一是修改组件名称以符合命名规范；二是调整项目配置，通过在vue.config.js中设置lintOnSave为false来关闭语法检查。重新启动服务后，问题通常可以得到解决。若问题持续，建议重启VSCode。

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

报错原因：是因为组件名没有写成驼峰式结构或 pascal中划线连接形式,本质原因是eslint做了严格的代码规范

 

解决方法1：

修改组件名，使其符合命名规范。例如：StudentName或者student-name

解决方法2：

修改配置项，关闭语法检查

1.在项目的根目录找到(没有就自行创建)vue.config.js文件

 2.在文件中添加如下代码

lintOnSave:false /*关闭语法检查*/

3. npm run serve 重新启动，如果还不行就重启vscode 

在 vue eslint 报错 error “Component name “*****“ should always be multi-word”，该怎么办？
酷爱前端的小陈博客
05-09 12万+
出现的问题： 在 vue-cli 创建的项目中，创建文件并命名后，会报“Component name "*****" should always be multi-word”报错； 报错截图如下： Component name "******" should always be multi-word.eslintvue/multi-word-component-names 报错的原因： 在组件命名的时候不够规范，根据 ESLint 官方风格指南，除了根组件（A..........
Vue脚手架报错 Component name “Student“ should always be multi-word vue/multi-word-component-names
桑桑和阿战
04-21 1万+
Vue脚手架报错 Component name "Student" should always be multi-word vue/multi-word-component-names
找不到.eslintrc文件，Component name “index“ should always be multi-word.报错
最新发布
2403_87153694的博客
04-11 489
下面是原理讲解，在eslintv9版本删除了.eslintrc文件来定制规则，取而代之的是eslint.config.js文件即图一所示的文件，因此网上所说的的在.eslintrc添加rules只适应于以前的版本，新版应该加在这里，另外由于eslint.config.js里的rules后面的会覆盖前面的，所以我们应用的rules要放在最后覆盖掉前面你可能引入的rules，改完之后不再提示，欢迎留言。1.在这个文件夹下第一个配置信息里面配置数组第一个元素里的name和files文件下面加一行。
Vue项目报错： Component name “xxx“ should always be multi-word vue/multi-word-component-names
qq_40787608的博客
06-14 2万+
vue
Vue报错【已解决】【Component name “xxx“ should always be multi-word vue/multi-word-component-names】
STATICHIT静砸的博客
11-03 5435
Vue脚手架报错： Component name "xxx" should always be multi-word vue/multi-word-component-names - 哪家磨刀 - 博客园 (cnblogs.com)方法一：更改组件名,使其符合命名规范如：驼峰命名法 或 横线拼接单词。给组件命名时没有使用驼峰命名法或横线拼接单词，实际上是。lintOnSave: false　　//关闭语法检查。的问题，语法检查时将不规范的代码当成了错误。方法二：关闭语法检测（通常）。
vue项目报错：Component name “xxx“ should always be multi-word vue/multi-word-component-names
Yyyyy_0_0的博客
03-19 2429
vue项目报错和解决方案
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-...这样就可以解决Eslint检验项目报错"Component name xxx should always be multi-word vue/multi-word-component-names"的问题。
Component name "aside" should always be multi-word vue/multi-word-component-names
09-02
- *3* [Eslint检验项目报错 Component name xxx should always be multi-word vue/multi-word-component-names解决...](https://blog.csdn.net/august_shi/article/details/129879133)[target="_blank" data-report-...
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={...
Component name "Head" should always be multi-word vue/multi-word-component-names
08-22
报错 "Component name 'Head' should always be multi-word vue/multi-word-component-names" 是由eslint规则引起的。这个规则要求组件的名称应该是多个单词组成的，而不是单个单词。这样做可以提高代码的可读性和...
Component name "mywindowcompoent" should always be multi-word vue/multi-word-component-names
09-01
- *2* [Eslint检验项目报错 Component name xxx should always be multi-word vue/multi-word-component-names解决...](https://blog.csdn.net/august_shi/article/details/129879133)[target="_blank" data-report-...
Vue报错 Component name “XXX“ should always be multi-word
m0_64520392的博客
03-10 2186
Vue报错 Component name "XXX" should always be multi-word
Component name “XXX“ should always be multi-word vue/multi-word-component-names的处理方法，亲测有效
want_to_的博客
09-21 668
在写前端vue的时候，运行发现有Component name "XXX" should always be multi-word vue/multi-word-component-names的错误，说的是代码书写不规范，我们可以直接让编译器忽略大小写，只需要一句代码。它要写在vue.config.js的文件目录下。lintOnSave: false,即可。
Component name “xxx“ should always be multi-word
you200282的博客
06-15 748
Component name "xxx" should always be multi-word
Vue报错：Component name “xxx” should always be multi-word vue/multi-word-component
明静致远
06-27 523
由于命名的vue文件名（如：Student.vue）不是多单词形式，vue会报错。观察在App.vue中有正确引入vue组件，且路径正确，但是仍然报错。
报错Component name “xxx“ should always be multi-word vue/multi-word-component-names
Int321的博客
04-17 1万+
VUE3报错Component name “Header” should always be multi-word vue/multi-word-component-names 是因为开启了语法检查，写成驼峰就可以，如果不写成驼峰，则要在vue.config.js中加入下列语句： lintOnSave:false//关闭语法检查 const { defineConfig } = require('@vue/cli-service') module.exports = defineConfig({ tr
vue报错：Component name “xxx“ should always be multi-word
qq_51724721的博客
05-06 8713
这个问题困扰我这个菜鸡很久了，当我run serve的时候总是会报错Component name “xxx” should always be multi-word。 一直以为是命名的问题，可是改了又改还是不行，虽然知道肯定不是名字的问题。 INFO Starting development server... ERROR Failed to compile with 1 error
【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 “About“ should always be multi-word.(vue/multi-word-component-names)
m0_45260754的博客
03-29 6313
export default { // eslint-disable-next-line vue/multi-word-component-names name: "Home", } 因为起名时没有使用大驼峰和横线拼接单词，所以报错，在idea中，我发现可以在name：“home”，这一句上面添加 // eslint-disable-next-line vue/multi-word-component-names这一句话，双斜杠也必须加上，不要隔行，紧挨着，向上面代码写的那样，这样可以不报错。.
评论 4
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值