Vue报错之should always be multi-word vue/multi-word-component-names

最新推荐文章于 2024-08-21 14:06:51 发布
最新推荐文章于 2024-08-21 14:06:51 发布
阅读量868 收藏 1
点赞数 5
文章标签： vue.js 前端 javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_43607927/article/details/140018095
版权

vue3报错：Component name “login” should always be multi-word vue/multi-word-component-names。

问题分析：报错提示这个组件“login”命名没按照 a-b的格式，导致失败。
解决方法：如果每个组件名都要按照 加横杠的方法来命名则很麻烦，我们直接把这个规则取消掉。
操作：在vue.config.js文件中加上这个配置：lintOnSave:false
如图：
在这里插入图片描述

vue2 - vue2项目eslint报错: Component name “xxxxx“ should always be multi-word.eslintvue的最全4种详细解决方案（已解决）
前端充电宝
03-02 1043
vue2项目eslint报错: Component name “xxxxx“ should always be multi-word.eslintvue的最全4种详细解决方案
error Component name “index“ should always be multi-word vue/multi-word-component-names 的解决办法
狮子座的男孩
08-21 1万+
新手在使用脚手架时总会报各种错，报错信息指的是我们组件名有些问题，官方文档建议组件名写成驼峰式或者-衔接的形式，故在编译的时候把命名不规范的代码判定为不规格；翻译为：错误组件名称“索引”应始终为多词 vue/多词组件名称。在创建组件命名时，引用 index.vue。
Vue组件命名报错 Component name “index“ should always be multi-word
最新发布
Lil_y1的博客
08-21 724
在Vue创建组件时我们往往会使用 index.vue 之类来命名，但是此时组件会报错【Component name "index" should always be multi-word】，组件名应该总是为多个单词组成。这是因为官方文档建议组件名写成驼峰式或者-衔接的形式，故在编译的时候把命名不规范的代码判定为不规格；
vue3报错 Component name “Footer“ should always be multi-word
____
01-29 1245
报错内容。 Component name "Main" should always be multi-word
Vue项目报错： Component name “xxx“ should always be multi-word vue/multi-word-component-names
qq_40787608的博客
06-14 2万+
vue
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】Vue脚手架中组件命名报错Component name “School“ should always be multi-word vue/multi-word-component-name
小秀的博客
05-14 2068
Vue脚手架中组件命名报错
error Component name ““ should always be multi-word vue/multi-word-component-names
Ghlys的博客
02-05 831
【代码】error Component name "" should always be multi-word vue/multi-word-component-names。
在 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 “login“ should always be multi-word vue/multi-word-component-names
weixin_45932157的博客
12-30 2327
vue.config.js 文件中加一行。2.关闭eslint检测。
vue eslint 报错：Component name “xxxxx“ should always be multi-word.eslintvue/multi-word-component-name
weixin_44566194的博客
12-03 1827
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】报错Component name “xxxxx“ should always be multi-word.eslintvue四种解决方案
m0_67393828的博客
07-28 1574
方案三是关闭和忽略组件名规则，但是有时候还是需要团队有个共同规范，不能关闭，同时文件名可能和组件名不一致时，例如我需要每个页面入口为_index.vue_,但是组件名为_MyHome_,用忽略组件名的方式可能需要同时添加_index_和_MyHome_,就显得很傻瓜。方案三是根据组件名忽略，此方案是根据文件进行关闭规则，更适用。此方案治标不治本，只是编译时不报错，如果使用vscode+eslint会在文件头标红提示，强迫症根本忍受不了，并且官方并不建议直接关闭校验，所以推荐使用方案三。...
vue后台报错 1:1 error Component name “Article“ should always be multi-word vue/multi-word-component-n
小祥编程擅长前端
11-01 757
vue后台报错 1:1 error Component name "Article" should always be multi-word vue/multi-word-component-n
解决报错error Component name “index“ should always be multi-word vue/multi-word-component-names
weixin_51551506的博客
09-21 6075
解决方法是关闭语法检查，在vue.config.js中增加下面配置。Vue3在编译的时候报错。
Vue报错：Component name “xxx” should always be multi-word vue/multi-word-component
明静致远
06-27 466
由于命名的vue文件名（如：Student.vue）不是多单词形式，vue会报错。观察在App.vue中有正确引入vue组件，且路径正确，但是仍然报错。
报错Component name “xxx“ should always be multi-word vue/multi-word-component-names
Int321的博客
04-17 1万+
VUE3报错Component name “Header” should always be multi-word vue/multi-word-component-names 是因为开启了语法检查，写成驼峰就可以，如果不写成驼峰，则要在vue.config.js中加入下列语句： lintOnSave:false//关闭语法检查 const { defineConfig } = require('@vue/cli-service') module.exports = defineConfig({ tr
vue eslint报错：Component name “index“ should always be multi-word.eslintvue/multi-word-component-names
qq_51066068的博客
07-26 2万+
Component name "index" should always be multi-word.eslintvue/multi-word-component-names
Component name "jumppay" should always be multi-word vue/multi-word-component-names
09-11
根据引用中的信息，"Component name "jumppay" should always be multi-word vue/multi-word-component-names"错误的原因是组件名应该由多个单词组成。要解决这个问题，你可以将组件名"jumppay"更改为由多个单词组成的名字，例如"JumpPayView"。另外，你也可以在项目的根目录下的vue.config.js文件中添加以下配置来禁用vue的严格模式： const { defineConfig } = require('@vue/cli-service') module.exports = defineConfig({ transpileDependencies: true, lintOnSave: false }) 引用中提到的编辑.eslintrc.js文件也可以通过以下配置来解决这个问题： module.exports = { // ... overrides: [ { files: ['src/views/**/*.vue'], rules: { 'vue/multi-word-component-names': 0, }, }, ], } 通过以上的解决方案，你就可以解决"Component name "jumppay" should always be multi-word vue/multi-word-component-names"的问题了。
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值