vue-cl报错解决：error Component name “你的组件名“ should always be multi-word vue/multi-word-component-names

已于 2023-03-03 19:44:41 修改
阅读量2.1k 收藏
点赞数 2
分类专栏： vue 文章标签： vue.js javascript 前端
于 2023-03-03 19:44:37 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/wanjun_007/article/details/129326217
版权
在Vue.js开发中，如果遇到组件名称不符合规范导致的lint警告，可以在vue.config.js文件中将lintOnSave设为false来阻止保存时的检查。此外，应当遵循驼峰式命名规则，将组件命名为多字的VueComponent。
摘要由CSDN通过智能技术生成

解决方案

在vue.config.js文件中配置lintOnSave: false即可消除

组件名称“你的组件名字”应该总是多字vue/多字Component -names。

使用vue-cl脚手架开始开发时会报这种错误，

 

错误

小宛碎碎冰
关注
专栏目录
vue组件终端报错： error Component name “xxx“ should always be multi-word vue/multi-word-component-names
见证自己学习,成长的记录
11-04 4516
今天使用vscode开发vue引入组件的时候遇到一个错误，我的组件名称以及路径都是没问题的，但是就是运行不起来错误信息截图如下。
解决Vue组件名称应始终为多个单词的问题
pleaseprintf的博客
07-29 1029
在Vue开发中，给组件起名是一个常见的任务。但是，有时我们可能会犯一些不规范的命名习惯，比如将组件名称设置为单个单词。本文将详细介绍为什么组件名称应该始终为多个单词，并提供解决方法，以确保在Vue项目中使用规范的组件名称。遵循Vue的组件命名规范，将组件名称设置为多个单词，并使用连字符“-”分隔或使用PascalCase命名法，可以提高代码的可读性和语义化，避免命名冲突和关键字冲突的问题。合理的命名习惯可以让团队成员更好地理解代码，并有助于项目的维护和扩展。希望本文对你有所帮助。
eslint:vue报错 error Component name ““ should always be multi-word
weixin_45866961的博客
03-10 2572
eslint:vue报错 error Component name "" should always be multi-word
用vue-cli创建项目后npm run serve 报错Component name “main“ should always be multi-word vue/multi-word-compo
qq_42658803的博客
12-21 2561
报错Component name "main" should always be multi-word vue/multi-word-compo
异常 error Component name “XXX“ should always be multi-word vue/multi-word-component-names
qq_53282665的博客
04-09 1196
学习vue脚手架时报了个:error Component name "Teacher" should always be multi-word vue/multi-word-component-names 貌似是我命名不太规范 解决办法:修改配置项,关闭语法检查 在vue.config.js加上lintOnSave:false
Vue编译报错： Component name “xxx“ should always be multi-word vue/multi-word-component-names
jieyucx的博客
06-16 693
【代码】Vue编译报错： Component name “xxx“ should always be multi-word vue/multi-word-component-names。
Eslint报错： Component name “login“ should always be multi-word vue/multi-word-component-names
weixin_45932157的博客
12-30 2272
vue.config.js 文件中加一行。2.关闭eslint检测。
vue后台报错 1:1 error Component name “Article“ should always be multi-word vue/multi-word-component-n
小祥编程擅长前端
11-01 711
vue后台报错 1:1 error Component name "Article" should always be multi-word vue/multi-word-component-n
在 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 eslint 报错：Component name “xxxxx“ should always be multi-word.eslintvue/multi-word-component-name
weixin_44566194的博客
12-03 1684
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
vue2 - vue2项目eslint报错: Component name “xxxxx“ should always be multi-word.eslintvue的最全4种详细解决方案（已解决）
最新发布
前端充电宝
03-02 843
vue2项目eslint报错: Component name “xxxxx“ should always be multi-word.eslintvue的最全4种详细解决方案
解决：error Component name “xxx“ should always be multi-word vue/multi-word-component-names
weixin_47773727的博客
03-03 3万+
第一种：修改配置项,关闭语法检查。在vue.config.js加上一句：lintOnSave:false，再次运行就可以 如图 第二种：更改组件名,使其符合命名规范如：驼峰命名法 问题原因 语法检查的时候把不规范的代码当成了错误(也就是你命名的不规范) ...
Vue报错【已解决】【Component name “xxx“ should always be multi-word vue/multi-word-component-names】
STATICHIT静砸的博客
11-03 4918
Vue脚手架报错： Component name "xxx" should always be multi-word vue/multi-word-component-names - 哪家磨刀 - 博客园 (cnblogs.com)方法一：更改组件名,使其符合命名规范如：驼峰命名法 或 横线拼接单词。给组件命名时没有使用驼峰命名法或横线拼接单词，实际上是。lintOnSave: false　　//关闭语法检查。的问题，语法检查时将不规范的代码当成了错误。方法二：关闭语法检测（通常）。
报错出现 error Component name “index“ should always be multi-word vue/multi-word-component-names 的解决方法
m0_68351138的博客
09-20 1047
组件名称"index"应该总是多字vue/多字Component -names
error Component name “index“ should always be multi-word vue/multi-word-component-names报错解决办法
weixin_43732016的博客
02-20 991
error Component name “index“ should always be multi-word vue/multi-word-component-names报错解决办法
解决报错error Component name “index“ should always be multi-word vue/multi-word-component-names
weixin_51551506的博客
09-21 6027
解决方法是关闭语法检查，在vue.config.js中增加下面配置。Vue3在编译的时候报错。
Vue中文件命名出现Component name “regist“ should always be multi-word.eslint解决办法
05-30 541
【代码】Vue中文件命名出现Component name "regist" should always be multi-word.eslint解决办法。
Vue解决 error Component name “School“ should always be multi-word vue/multi-word-component-names的问题
qq_61739754的博客
05-16 303
路径添加到script标签下，路径有没有写对，且你的export default({})中的components中有没有把组件添加进去。不出意外，添加完后项目就正常了。解决方法：一个方法就是把你的文件名字改成它要求一致的即可，如上述；另一种方法就是关闭语法检查，打开vue.config.js文件，添加如下代码即可。第二个，在实现一个简单的界面时，检查一下你的App.vue中有没有把要展示的。这里是你的vue文件名字不是它推荐的多单词形式，如SchoolVue。
【Vue】Vue脚手架中组件命名报错Component name “School“ should always be multi-word vue/multi-word-component-name
小秀的博客
05-14 2013
Vue脚手架中组件命名报错
vue报错 error Component name "index" should always be multi-word vue/multi-word-component-names
09-02
这个错误是由Vue3编译器产生的，错误信息是"Component name 'index' should always be multi-word vue/multi-word-component-names"。这个错误是因为Vue官方建议除了App.vue组件外，自定义组件的名称应该由多个单词...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值