error Component name “School“ should always be multi-word vue/multi-word-component-names 解决

已于 2022-07-06 16:51:57 修改
阅读量4.5k 收藏 7
点赞数 3
分类专栏： 问题解决 vue 文章标签： vue.js javascript 前端 前端框架
于 2022-06-06 12:20:38 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_55856685/article/details/125144128
版权
本文介绍了在运行Vue项目时遇到的Componentname 'School' should always be multi-word错误，解释了该错误意味着组件名需要遵循多单词规则，并且推荐采用驼峰命名或短横线连接。按照Vue.js风格指南，修改School组件为SchoolName以符合规范。同时，文章强调了组件命名的重要性和一致性对于代码可读性和维护性的影响。
摘要由CSDN通过智能技术生成

一、在运行vue时发生报错：

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

multi-word-component-names 意为多单词组件名

也就是命名的组件名不能只有一个单词(App除外)，并且多单词间要遵顼驼峰命名规则(推荐)，或者使用短横杠-连接

所以可以将组件名School改为SchoolName

二、关于组件名的命名规则

根据vue.js风格指南中所说

 

 

 如果组件名为多个单词

 

 还有更多关于vue.js的书写风格，详情可参见风格指南 — Vue.js (vuejs.org)

_valley
关注
专栏目录
eslint报错Component name “home“ should always be multi-word，文件命名规则导致问题解决方案
weixin_40874076的博客
07-29 932
新建的时候，往往需要配置eslint进行代码的格式化，但使用过程中也是会遇到各种问题，就比如：Component name “Home” should always be multi-word.eslintvue/multi-word-component-names其实这是对命名的校验，要以多词组件名称命名，防止与现有和未来的 HTML 元素发生冲突。
vue后台报错 1:1 error Component name “Article“ should always be multi-word vue/multi-word-component-n
小祥编程擅长前端
11-01 738
vue后台报错 1:1 error Component name "Article" should always be multi-word vue/multi-word-component-n
【Vue】Vue脚手架中组件命名报错Component name “School“ should always be multi-word vue/multi-word-component-name
小秀的博客
05-14 2050
Vue脚手架中组件命名报错
Vue脚手架报错：Component name “School“ should always be multi-word vue/multi-word-component-names
weixin_56035334的博客
05-23 4051
目录 背景 解决方法 背景 运行命令行：npm run serve时，提示报错： error Component name "School" should always be multi-word vue/multi-word-component-names（组件名称“School”应始终为多字vue/多字组件名称） 解决方法 打开文件夹中 vue.config.js，配置命令行lintOnSave:false， 这个命令行目的是，关闭自动语法检查，使得代码...
Vue报错：Component name “School“ should always be multi-word vue/multi-word-component
DCJwwh的博客
01-17 8977
今天搭建脚手架，系统报了将近6，7个错误，弄得我头疼。更可气的是，犯的这些全是低级错误！为了未来不再踩坑，写此文记录之。
vue报错：error Component name “School“ should always be multi-word vue/multi-word-component-names
dfghjkkjjj的博客
06-18 529
错误详细信息：error Component name "School" should always be multi-word vue/multi-word-component-names原因：语法检查时把命名不规范当作语法错误。解决办法：关闭语法检查在vue.config.js中加入
Vue中启动服务器：error Component name “School“ should always be multi-word vue/multi-word-component-names
最新发布
m0_63615119的博客
04-23 567
Vue中启动服务器：error Component name "School" should always be multi-word vue/multi-word-component-names
error Component name "School" should always be multi-word vue/multi-word-component-names
09-13
错误信息 "Component name 'School' should always be multi-word vue/multi-word-component-names" 表示组件名称 "School" 应该始终是多个单词，按照 Vue 的组件命名规范。 这个错误通常发生在 Vue 项目中的组件...
7:8 error Component name "Login" should always be multi-word vue/multi-word-component-names
07-28
- *1* [解决 error Component name “index“ should always be multi-word vue/multi-word-component-names](https://blog.csdn.net/lhz_333/article/details/125313088)[target="_blank" data-report-click={"spm...
error Component name "Books" should always be multi-word vue/multi-word-component-names
08-11
根据您提供的引用内容，报错信息"Component name "Books" should always be multi-word vue/multi-word-component-names"是由Vue脚手架的语法检查报错引起的。该错误意味着组件名称"Books"应该始终使用多个单词的...
vue2报这个错error Component name "School" should always be multi-word vue/multi-word-component-names
05-16
这个错误是因为 Vue.js 的组件名应该... name: 'School', // eslint-disable-line vue/multi-word-component-names // ... } </script> ``` 这样做可以暂时解决问题，但最好的解决方法还是将组件名修改为多个单词。
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
Vue中遇到的Bug( Component name “School“ should always be multi-word vue/multi-word-component-names)
十二间记，知不足而奋斗，望远山而前行。千里不辞行路远，时光早晚到天涯。
01-10 279
Vue-CLI 新版本（5.0.8）的bug
Vue解决 error Component name “School“ should always be multi-word vue/multi-word-component-names的问题
qq_61739754的博客
05-16 316
路径添加到script标签下，路径有没有写对，且你的export default({})中的components中有没有把组件添加进去。不出意外，添加完后项目就正常了。解决方法：一个方法就是把你的文件名字改成它要求一致的即可，如上述；另一种方法就是关闭语法检查，打开vue.config.js文件，添加如下代码即可。第二个，在实现一个简单的界面时，检查一下你的App.vue中有没有把要展示的。这里是你的vue文件名字不是它推荐的多单词形式，如SchoolVue。
解决vue的error Component name “School“ should always be multi-word vue/multi-word-component-names的问题
Carlos_Zhf的博客
12-21 880
Vue的常见的报错，有问题可以讨论
Vue报错 error Component name “School“ should always be multi-word vue/multi-word-component-name
weixin_51442367的博客
02-18 7360
Vue现在需要写成multi-word 编译才不会出错，所以需要修改命名，将School改为SchoolName等方式命名
Component name “School“ should always be multi-word
a45667的博客
10-11 3305
也就是命名的组件名不能只有一个单词(App除外)，并且多单词间要遵顼驼峰命名规则(推荐)，或者使用短横杠-连接。把.eslintrc.js换为下面这个代码：（如果没有.eslintrc.js就在根目录下创建一个）multi-word-component-names 意为多单词组件名。这样就可以顺利解决啦🙂。
Vue脚手架编译“Component name “School“ should always be multi-word vue/multi-word-component-names”问题
Chen__sir__的博客
10-05 630
运行Vue脚手架报错“Component name "School" should always be multi-word vue/multi-word-component-names”的解决方法
Component name “School“ should always be multi-word vue/multi-word-component-names
m0_51249573的博客
07-25 195
新手小白写第一个组件的时候出现的错误：Component name "School" should always be multi-word vue/multi-word-component-names。保存后即可解决问题。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值