vue eslint报错error "Component name "*****" should always be multi-word"解决
作者：努力学习前端的小陈 发布时间：2024-05-13 09:10:32
出现的问题：
在 vue-cli 创建的项目中，创建文件并命名后，会报 “Component name "*****" should always be multi-word” 报错；
报错截图示例如下：
Component name "******" should always be multi-word.eslintvue/multi-word-component-names
报错的原因：
在组件命名的时候未按照 ESLint 的官方代码规范进行命名，根据 ESLint 官方代码风格指南，除了根组件（App.vue）以外，其他自定义组件命名要使用大驼峰命名方式或者用“-”连接单词进行命名；
解决方案：
方案一 ：重命名(亲测有效)
文件的名称重命名
重新命名组件名为驼峰命名方式或者用“-”连接单词的格式
这样问题就解决啦~~~~
示例如下：
方案二 ：配置 vue.config.js 文件（网上方法，本人使用无效）
在根目录下找到 vue.config.js 文件（如果没有则新建一个，按照示例中的代码进行添加；用 vue-cli 脚手架进行创建的项目都会有 vue.config.js 文件），添加下面的代码在 vue.config.js 文件下，加入以下代码
// 关闭eslint校验
lintOnSave: false
示例如下：
此方案只是编译时不报错，如果使用 VScode+eslint 会在文件头标红提示，并且官方并不建议直接关闭校验,因此在这里并不推荐使用该方法进行解决；
配置 vue.config.js 文件的方法（方案二）一般都不能解决问题，不建议大家使用
如果你发现并没有解决问题，那么不妨试试其他方案
方案三 ：配置 .eslintrc.js文件（亲测有效）
1、关闭命名规则找到 .eslintrc.js 文件在 rules 里面加上这么一句
// 关闭名称校验
'vue/multi-word-component-names': "off"建议使用这种方法，更加正确合理；
示例如下：
?发现不报错了，可以正常运行啦~~~
? 以上是关闭命名规则，将不会校验组件名，官方建议设置是根据组件名进行忽略
2、忽略个别组件名// 添加组件命名忽略规则推荐使用方案三，极力推荐！！！
"vue/multi-word-component-names": ["error",{
"ignores": ["Home","User"] //在这个数组中加入需要忽略的组件名
}]
示例如下：
非常重要的注意点：（重启项目，配置文件才生效）
在运行的项目中，修改配置文件，必须先将项目在 终端 两次点击 Ctrl+C 将项目 终止运行，再 npm run serve 重新运行项目，修改的配置文件才可以生效
这样，就解决这个报错啦~~~
来源：https://blog.csdn.net/qq_57587705/article/details/124674660
0
投稿猜你喜欢
- 并发是一个很酷的话题，一旦你掌握了它，就会成为一笔巨大的财富。说实话，我一开始很害怕写这篇文章，因为我自己直到最近才对并发性不太适应。我已经
做WEB前台开发也有两年多，在开发中经常要涉及到DOM编程，我想大家也跟我一样，经常要处理各种DOM编程的操作，今天我就拿一个lightbo- python 实现单例的方法第一种方法：使用基类New 是真正创建实例对象的方法，所以重写基类的new 方法，以此保证创建对象的时候只生成一
- 一、什么是sql子查询？ 子查询是一个嵌套在Select 、Insert 、Update 或Dele
- 实现代码# -*- coding: cp936 -*-import re s1 = 'adkkdk's2 = 'ab
- 背景开工前我就觉得有什么不太对劲，感觉要背锅。这可不，上班第三天就捅锅了。我们有个了不起的后台程序，可以动态加载模块，并以线程方式运行，通过
- 本文实例讲述了Java使用正则表达式截取重复出现的XML字符串功能。分享给大家供大家参考，具体如下：public static void m
- matplotlib简介如果你在大学里参加过数学建模竞赛或者是用过MATLAB的话，相比会对这一款软件中的画图功能印象深刻。MATLAB可以
- 推导式comprehensions（又称解析式），是Python的一种独有特性。推导式是可以从一个数据序列构建另一个新的数据序列（的一种结构
- 获得某层tensor的输出维度代码如下所示：from keras import backend as K@wraps(Conv2D)def
- 导读：如何使用scrapy框架实现爬虫的4步曲？什么是CrawSpider模板？如何设置下载中间件？如何实现Scrapyd远程部署和监控？想
- 本文介绍python操作excel的方法（xlsxwriter包的使用），具体内容如下xlsxwriter包的安装pip install x
- 这个问题是如何在一些场景下使用断言表达式，通常会有人误用它，所以我决定写一篇文章来说明何时使用断言，什么时候不用。为那些还不清楚它的人，Py
- 刚入pytorch的坑，代码还没看太懂。之前用keras用习惯了，第一次使用pytorch还有些不适应，希望广大老司机多多指教。首先说说，我
- 废话不多说了，直接给大家贴js代码了，具体代码如下所示：<!DOCTYPE html><html><head&
- 一般用 createProcessingInstruction 方法创建处理指令指定参数为 "xml","ve
- 脚本主要功能：1）通过zabbix api接口采集所有监控主机ip地址；2）通过cmdb系统（蓝鲸）接口采集所有生产主机IP地址、主机名、操
- 最近面试遇到了一道面试题，顿时有点迷糊，只说出了思路，后来百度了一下，整理了一下思路，于是记录下来，方便以后学习。（面试题请参见附件） 相关
- 1、线程池模块引入from concurrent.futures import ThreadPoolExecutor2、使用线程池一个简单的
- 本文实例讲述了Python构建XML树结构的方法。分享给大家供大家参考，具体如下：1.构建XML元素#encoding=utf-8from
