在vue-cli创建的项目中,创建文件并命名后,会报“Component name "***" should always be multi-word”报错; 报错截图示例如下: Component name "***" should always be multi-word.eslintvue/multi-word-component-names 报错的原因: 在组件命名的时候未按照 ESLint 的官方代码规范进行命名,根据 ESLint 官方...
修改组件名称:例如当前的登陆组件名是 login.vue 修改成 LoginName.vue ,组件名需要以驼峰式命名至少两个单词,不一定都得是 LoginName.vue 可以是 NameLogin.vue 也可以是 LoginNiu.vue 总之就是以驼峰式命名至少两个单词, 这有些类似不同项目前祭命名 解决办法2: 修改配置,禁用eslint的多单词命名规则 在vue....
本文主要记录下 vueEslint报错 error Component name "index" should always be multi-word vue/multi-word-component-names 的解决方案。 一、报错原因 使用最新vue-cli创建项目,npm run serve 运行项目时,报错如下图。 image.png 原因是 eslint-plugin-vue 版本更新了,相较之前版本,@8 版本中新增了不少规则,...
修改组件名称 例如当前的登陆组件名是login.vue修改成LoginName.vue,组件名需要以驼峰式命名至少两个单词,不一定都得是LoginName.vue可以是NameLogin.vue也可以是LoginNiu.vue总之就是以驼峰式命名至少两个单词,这有些类似不同项目前缀命名了** 解决办法2: 修改配置,禁用eslint的多单词命名规则 在vue.config.js配...
用脚手架安装的时候勾选了eslint,而eslint如果检测到跟他的规则不一致就会报错,vue/multi-word-component-names这个是用来检测当前的组件名称是否使用驼峰或多单词命名,eslint默认对其进行检测,所以需要修改一下eslint的检测规则。 在.eslintrc.js文件内增加如下规则即可。
【Vue】组件命名报错 “Component name “XXX“ should always be multi-word”的解决方法 第一种解决方法:修改组件名称为大驼峰,不要用系统中命令常见的名称。 第二种解决方法: 在根目录下,打开【.eslintrc.js】文件,如果没有,就新建,内容 module.exports = {...
如果使用的组件名称不是多字母组成,会报这个错误“Component name “XXX“ should always be multi-word”。我们的组件很多是拼音简写,所以经常会有这个错误。解决办法是在eslint的配置文件中设置配置项"vue/multi-word-component-names":"off",如果使用Vue CLI的缺省设置,是不产生独立的配置文件的,这种情况下,需要...
vue组件终端报错: error Component name “xxx“ should always be multi-word vue/multi-word-component-names 2023-01-08 818 发布于山西 版权 简介: 笔记 前言 今天使用vscode开发vue引入组件的时候遇到一个错误,我的组件名称以及路径都是没问题的,但是就是运行不起来 错误信息截图如下 分析问题 根据提示信息...
1:1 error Component name "Home" should always be multi-word vue/multi-word-component-names 解决方案:错误原因分析：报错是因为组件名没有写成驼峰式结构或 pascal中划线连接形式。找到 vue.config.js 文件，然后将属性 lintOnSave 设置为 false 几种可选方案：禁用eslint提示功能vue.config.jslintOnSave:...
使用vue 的过程中遇到错误:Component name “xxx“ should always be multi-word vue/multi-word-component-names。这是因为在配置完 ESlint 后,要求代码格式规范的同时也规定了组件的命名规则,要写成 “XXXName”的格式,不能是单个单词。 除了将组件的名称按照规则更改外,还有一种快捷的解决方式是关闭语法检查。