vue3报错error Component name “Layout“ should always be multi-word vuemulti-word-component-names

最新推荐文章于 2025-06-13 16:29:30 发布

原创最新推荐文章于 2025-06-13 16:29:30 发布 · 2.2k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#前端 #正则表达式 #python

前端同时被 2 个专栏收录

40 篇文章

订阅专栏

html

40 篇文章

订阅专栏

vue3的Component命名规范不能为单个词，修改为多个单词

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

drhrht

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

在 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

2094

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报错error Component name “Layout“ should always be multi-word vue/multi-word-component-names

qq_34458968的博客

02-25

1万+

vue3的Component命名规范不能为单个词，修改为多个单词

Component name “index“ should always be multi-word的解决方式

最新发布

weixin_51762789的博客

06-13

881

Component name "index" should always be multi-word的解决方式

Component name “Layout“ should always be multi-word

HXK111111的博客

10-11

832

【代码】Component name “Layout“ should always be multi-word。

eslint:vue报错 error Component name ““ should always be multi-word

weixin_45866961的博客

03-10

2703

eslint:vue报错 error Component name "" should always be multi-word

解决Component name “xxx“ should always be multi-word vue/multi-word-component-names错误的方法

qq_45761438的博客

10-22

4288

当你遇到这个错误时，可以采取以下几种方法来解决：方法一：修改组件名称最直接的方法是将单个单词的组件名称更改为多单词的形式。例如，如果你有一个名为Header.vue的组件，可以将其重命名为或。方法二：禁用或调整 ESLint 规则如果你不希望遵循这个规则，可以在 ESLint 配置文件中禁用或调整它。在.config.js配置中添加规则。

vue后台报错 1:1 error Component name “Article“ should always be multi-word vue/multi-word-component-n

小祥编程擅长前端

11-01

882

vue后台报错 1:1 error Component name "Article" should always be multi-word vue/multi-word-component-n

error Component name "Layout" should always be multi-word vue/multi-word-component-names

05-14

这个错误提示是因为在 Vue.js 中，组件名称应该使用多个单词的方式命名，以避免...比如，你可以将 "Layout" 改为 "AppLayout" 或 "LayoutContainer" 等。这样做不仅可以避免这个错误，还可以使组件更加可读和易于维护。

vue-router(3.5.1)源码梳理

Caristop3_走在前端这条大道上

04-09

3299

如何理解vue-router源码？ vue-router 源码分析 date: 2021-03-26 1. import Vue VueRouter 进来 2. 使用Vue.use(VueRouter) 来进行router的install -> 使用mixin混入每个组件钩子“beforeCreate”&“destroyed”

【Vue】组件命名报错 “Component name “XXX“ should always be multi-word”的解决方法

热门推荐

【敦厚的曹操】的专栏

06-13

5万+

组件命名报错 “Component name “XXX“ should always be multi-word”的解决方法

error “Component name “*****“ should always be multi-word”解决方案

god_sword_的博客

08-05

2591

在 vue-cli 创建的项目中，创建文件并命名后，会报错；

Component name “About“ should always be multi-word.(vue/multi-word-component-names)

m0_45260754的博客

03-29

6340

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报错error Component name “xxx“ should always be multi-word vue/multi-word-comp

Bill_lalala的博客

11-15

718

这是vue的语法检查报错，可能是你命名的文件没有使用vue所规定的格式，解决办法可以是使用对的命名格式比如，AxxxBxxx这种。还可以在config.js文件里加 lintOnSave:false来关闭eslint校验。

vue脚手架报错：“Component name “***“ should always be multi-word”解决方法

Cuichenyang158的博客

11-01

2万+

“Component name “***“ should always be multi-word”解决方法

vue组件终端报错： error Component name “xxx“ should always be multi-word vue/multi-word-component-names

见证自己学习,成长的记录

11-04

4718

今天使用vscode开发vue引入组件的时候遇到一个错误，我的组件名称以及路径都是没问题的，但是就是运行不起来错误信息截图如下。

Component name “index“ should always be multi-word vue/multi-word-component-names

weixin_54048131的博客

02-12

443

组件名称“索引”应该始终是多单词vue/多单词组件名称。

Vue报错【已解决】【Component name “xxx“ should always be multi-word vue/multi-word-component-names】

STATICHIT静砸的博客

11-03

5545

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

qq_40787608的博客

06-14

2万+

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-component-names"表示组件名应该始终是多单词，不应该以单个单词命名组件。解决方法可以有两种：解决方法1：修改组件名为多单词形式，例如将"Login.vue"修改为"LoginName.vue"。组件名需要以驼峰式命名，至少包含两个单词。可以根据具体情况自行选择组件名，只需保证至少包含两个单词即可。解决方法2：禁用eslint的多单词命名规则。在vue.config.js配置文件中添加规则"lintOnSave:false"，示例如下： ```javascript const { defineConfig } = require('@vue/cli-service') module.exports = defineConfig({ transpileDependencies: true, lintOnSave: false }) ``` 另外，可以在.eslintrc.js文件中对指定的文件进行覆盖配置，禁用多单词命名规则。示例如下： ```javascript module.exports = { // ... overrides: [ { files: ['src/views/**/*.vue'], rules: { 'vue/multi-word-component-names': 0, }, }, ] } ``` 这样就可以解决Eslint检验项目报错"Component name xxx should always be multi-word vue/multi-word-component-names"的问题。