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

已于 2023-03-28 16:13:26 修改
阅读量1.8k 收藏 5
点赞数 4
分类专栏： vue 文章标签： vue Powered by 金山文档
于 2023-03-10 10:32:01 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_64520392/article/details/129437384
版权
在初次使用vue的同学容易遇到这种问题

Component name "XXXX" should always be multi-word

意思其实是文件名 没有使用命名规则 命名规则比如：驼峰命名
解决方法在package.json文件里找到rules给里面添加一行代码
"vue/multi-word-component-names": "off" 意思是：关闭eslint检查文件名是否为驼峰命名

保存， 关闭程序， 重新启动就好了

还有第二种方法

在vue.config.js里面写 lintOnSave: false

意思是：lintOnSave: false 关闭语法检查

保存， 关闭程序， 重新启动就好了

愚公爱上精卫
关注
专栏目录
Vue eslint 报错 error Component name “xxxx“ should always be multi-word-创建文件后的命名问题导致报错
JackieDYH的博客
01-15 362
组件命名的时候没按照 ESLint 的官方代码规范进行命名，根据 ESLint 官方代码风格指南，除了根组件App.vue以外，其他自定义组件命名要。ignores: ['Home', 'User'] //在这个数组中加入需要忽略的组件名。如：myHome.vue、userPwd.vue等等。经过上面的配置后，只需要重启项目即可。// 添加组件命名忽略规则。// 关闭组件命名规则。
vue-component-devtool:Vue 组件开发模板
05-14
vue-component-devtool通过 初始化；采用 来加载文档。基于 webpack 的 Vue 组件开发工具。可以编写例子，文档。usegit clone https://github.com/mengdu/vue-component-devtool my-component安装依赖yarn# ornpm ...
在 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..........
eslint报错Component name “home“ should always be multi-word，文件命名规则导致问题解决方案
最新发布
weixin_40874076的博客
07-29 700
新建的时候，往往需要配置eslint进行代码的格式化，但使用过程中也是会遇到各种问题，就比如：Component name “Home” should always be multi-word.eslintvue/multi-word-component-names其实这是对命名的校验，要以多词组件名称命名，防止与现有和未来的 HTML 元素发生冲突。
解决：Component name “index“ should always be multi-word
weixin_71403100的博客
04-18 1万+
要求组件名称以驼峰格式命名，自定义组件名称应该由多单纯组成，防止和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
m0_56762697的博客
04-01 763
在 vue.config.js 中关闭语法提示。
【Vue】组件命名报错 “Component name “XXX“ should always be multi-word”的解决方法
【敦厚的曹操】的专栏
06-13 5万+
组件命名报错 “Component name “XXX“ should always be multi-word”的解决方法
【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报错
generator-vue-component-developer:vue组件开发模板
05-13
Vue组件开发项目样板 > A component develop project boilerplate to enable your quick develop your component or directive and publish to npm 项目结构 |-- demo # demo project |-- App.vue # demo ...
vue-multi-split-pane:基于Vue.js的组件。 提供无限的可调整大小的窗格支持。 就像在codepen.io中一样
05-27
npm i vue-multi-split-pane 浏览器 < script src =" https://unpkg.com/vue-multi-split-pane " > </ script > 例子 import { MultiSplitPane , Pane } from 'vue-multi-split-pane' export default ...
vue-multi-page:vue多页面---模板
05-08
vue-multi-page vue多页面实践之路 项目初衷 vue作为单页面应用已经无可挑剔，但在实际应用的时候，我发现真实的需求往往是需要对每张页面都部署一套vue体系(微博监控后台/微信监控后台/配置发布后台/etc)， 这时候...
【Vue学习问题】error Component name “**“ should always be multi-word vue/multi-word-component-names
Vae12138的博客
08-08 1140
error Component name "**" should always be multi-word vue/multi-word-component-names
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 vue/multi-word-component-names
m0_74152912的博客
05-10 7481
是因为组件名没有写成驼峰式结构或 pascal中划线连接形式,本质原因是eslint做了严格的代码规范。重新启动，如果还不行就重启vscode。2.在文件中添加如下代码。找到(没有就自行创建)
Eslint检验项目报错 Component name xxx should always be multi-word vue/multi-word-component-names解决参考
august_shi的专栏
03-31 5424
eslint新版本增加了对组件名称的校验，为了规避此类校验报错，我这边采取了以下方式规避。编辑.eslntrc.js。
Vue项目报错： Component name “xxx“ should always be multi-word vue/multi-word-component-names
qq_40787608的博客
06-14 2万+
vue
error “Component name “*****“ should always be multi-word”解决方案
god_sword_的博客
08-05 1433
在 vue-cli 创建的项目中，创建文件并命名后，会报错；
组件命名报错 “Component name “XXX“ should always be multi-word”的解决方法
yyh231366的博客
09-02 4007
第一种解决方法：修改组件名称为大驼峰，不要用系统中命令常见的名称。注意：修改完，如果还不行，就退出VsCode，再重新打开项目。//在rules中添加自定义规则。//关闭组件命名规则。当然,千万注意格式规范等!
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值