vue eslint 报错 error Component name “about“ should always be multi-word 正确解决方案

已于 2022-05-20 17:00:28 修改
阅读量7.1k 收藏 9
点赞数 2
分类专栏： 避坑笔记
于 2022-04-02 10:54:05 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_45364616/article/details/123915214
版权

前端 javascript

搜索网上大部分解决方案都是在vue.config.js文件下，加入以下代码

lintOnSave: false // 关闭eslint校验

如果你会发现并没有什么作用，那么你不妨试试以下操作

找到.eslintrc.js在rules里面加上这么一句

'vue/multi-word-component-names': "off" // 关闭名称校验
HolleBug
关注
专栏目录
Vue eslint 报错 error Component name “xxxx“ should always be multi-word-创建文件后的命名问题导致报错
JackieDYH的博客
01-15 399
组件命名的时候没按照 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 1724
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
在 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..........
Component name “About“ should always be multi-word.(vue/multi-word-component-names)
m0_45260754的博客
03-29 6170
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这一句话，双斜杠也必须加上，不要隔行，紧挨着，向上面代码写的那样，这样可以不报错。.
Vue组件命名报错 Component name “index“ should always be multi-word
最新发布
Lil_y1的博客
08-21 521
在Vue创建组件时我们往往会使用 index.vue 之类来命名，但是此时组件会报错【Component name "index" should always be multi-word】，组件名应该总是为多个单词组成。这是因为官方文档建议组件名写成驼峰式或者-衔接的形式，故在编译的时候把命名不规范的代码判定为不规格；
error Component name “About“ should always be multi-word vue/multi-word-component-names
qq_58519519的博客
02-28 3644
报错： 解决方案一: 可以重新命名，采用驼峰命名法 或 - 衔接的方式 解决方案二: 在项目的根目录找到(没有就创建) vue.config.js 这个文件 加入这几行代码 保存重新编译
1:1 error Component name “About“ should always be multi-word vue/multi-word-component-names解决代码规范
weixin_45549851的博客
10-31 1737
1:1 error Component name "About" should always be multi-word vue/multi-word-component-names
vue3的路由出现error Component name “About“ should always be multi-word
qq_56909686的博客
04-08 580
在package.json 找到eslintConfig 在其中加入 "rules": { "vue/multi-word-component-names": 0 }
【vue eslint】报错Component name “xxxxx“ should always be multi-word.eslintvue四种解决方案
m0_67393828的博客
07-28 1544
方案三是关闭和忽略组件名规则，但是有时候还是需要团队有个共同规范，不能关闭，同时文件名可能和组件名不一致时，例如我需要每个页面入口为_index.vue_,但是组件名为_MyHome_,用忽略组件名的方式可能需要同时添加_index_和_MyHome_,就显得很傻瓜。方案三是根据组件名忽略，此方案是根据文件进行关闭规则，更适用。此方案治标不治本，只是编译时不报错，如果使用vscode+eslint会在文件头标红提示，强迫症根本忍受不了，并且官方并不建议直接关闭校验，所以推荐使用方案三。...
Eslint报错： Component name “login“ should always be multi-word vue/multi-word-component-names
weixin_45932157的博客
12-30 2291
vue.config.js 文件中加一行。2.关闭eslint检测。
eslint:vue报错 error Component name ““ should always be multi-word
weixin_45866961的博客
03-10 2580
eslint:vue报错 error Component name "" should always be multi-word
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 “Layout“ should always be multi-word
HXK111111的博客
10-11 694
【代码】Component name “Layout“ should always be multi-word。
vue脚手架报错：“Component name “***“ should always be multi-word”解决方法
Cuichenyang158的博客
11-01 2万+
“Component name “***“ should always be multi-word”解决方法
【Vue】组件命名报错 “Component name “XXX“ should always be multi-word”的解决方法
【敦厚的曹操】的专栏
06-13 5万+
组件命名报错 “Component name “XXX“ should always be multi-word”的解决方法
vue3报错error Component name “Layout“ should always be multi-word vuemulti-word-component-names
drhrht的博客
03-06 2201
vue3的Component命名规范不能为单个词，修改为多个单词
vue3报错error Component name “Layout“ should always be multi-word vue/multi-word-component-names
qq_34458968的博客
02-25 1万+
vue3的Component命名规范不能为单个词，修改为多个单词
vue eslint报错Component name should always be multi-word.(vue/multi-word-component-names)
o0way0o的博客
11-17 2213
vue eslint报错vue/multi-word-component-names
Vue报错之should always be multi-word vue/multi-word-component-names
关大老爷的博客
06-27 664
Component name "login" should always be multi-word vue/multi-word-component-names
error Component name Weather should always be multi-word vue/multi-word-component-names
09-13
根据你提供的信息，你遇到了一个错误，提示组件名称"Weather"应该是多个单词。这是由于Vue的命名约定要求组件名称应该是多个单词，以便更好地区分普通HTML标签。在这种情况下，你可以将组件名称改为"WeatherForecast"或者其他的多个单词组合来遵循Vue的命名约定。 解决这个问题有以下几种方法： 1. 修改组件名称：根据Vue的命名约定，你可以将组件名称修改为多个单词组合，例如"WeatherForecast"。这样做可以避免错误提示，并且符合命名约定。在引用组件时，也需要相应地修改为新的组件名称。 2. 全局引入组件：根据你提供的代码，你使用了Vue.use()全局引入了组件。如果你希望继续使用全局引入的方式，你可以在组件名称前添加一个自定义的前缀，例如"my-weather"，这样也能避免错误提示。 3. 局部引入组件：如果你希望在特定的组件中使用这个天气预报组件，你可以使用局部引入的方式。在你的组件文件中，通过import语句引入天气预报组件，然后在组件的template中使用它。 综上所述，你可以通过修改组件名称为多个单词组合，或者使用全局引入或局部引入的方式来解决这个问题。这样就不会再出现"Component name Weather should always be multi-word"的错误提示了。
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值