在vue-cli创建的项目中,创建文件并命名后,会报“Component name "***" should always be multi-word”报错; 报错截图示例如下: Component name "***" should always be multi-word.eslintvue/multi-word-component-names 报错的原因: 在组件命名的时候未按照 ESLint 的官方代码规范进行命名,根据 ESLint 官方...
Component name “index“ should always be multi-word vue/multi-word-component-names 295 1 1 JavaPub | 8月前 | JavaScript error Component name “Login“ should always be multi-word vue/multi-word-component-names【已解决】 error Component name “Login“ should always be multi-word vue/mu...
解决办法1: 修改组件名称:例如当前的登陆组件名是 login.vue 修改成 LoginName.vue ,组件名需要以驼峰式命名至少两个单词,不一定都得是 LoginName.vue 可以是 NameLogin.vue 也可以是 LoginNiu.vue 总之就是以驼峰式命名至少两个单词, 这有些类似不同项目前祭命名 解决办法2: 修改配置,禁用eslint的多单词命名...
用脚手架安装的时候勾选了eslint,而eslint如果检测到跟他的规则不一致就会报错,vue/multi-word-component-names这个是用来检测当前的组件名称是否使用驼峰或多单词命名,eslint默认对其进行检测,所以需要修改一下eslint的检测规则。 在.eslintrc.js文件内增加如下规则即可。 代码语言:javascript 复制 rules:{// 去掉函...
本文主要记录下 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 版本中新增了不少规则...
vue/multi-word-component-names 是一条针对Vue组件命名的ESLint规则。它的目的是强制Vue组件的名称使用多个单词组成,以避免与HTML元素冲突。在Vue中,单字组件名称很容易与HTML的原生元素名称冲突,例如,如果你创建一个名为 button 的Vue组件,它可能会与HTML的 <button> 元素产生混淆。因此,这条规则鼓励开发者...
Vue项目报错: Component name “xxx“ should always be multi-word vue/multi-word-component-names 报错的意思是组件名应该始终是多单词,不应该以单个单词命名组件 解决方法1: 修改组件名称 例如当前的登陆组件名是login.vue修改成LoginName.vue,组件名需要以驼峰式命名至少两个单词,不一定都得是LoginName.vue可以...
如果使用的组件名称不是多字母组成,会报这个错误“Component name “XXX“ should always be multi-word”。我们的组件很多是拼音简写,所以经常会有这个错误。解决办法是在eslint的配置文件中设置配置项"vue/multi-word-component-names":"off",如果使用Vue CLI的缺省设置,是不产生独立的配置文件的,这种情况下,需要...
11:8error Component name “Student” should always be multi-word vue/multi-word-component-names ✖ 2 problems (2 errors, 0 warnings) webpack compiled with 2 errors 报错分析: 根据提示信息可知是组件名出了问题,报错信息翻译过来大概就是组件名"Student"应该总是使用 多个单词拼接横线组成的。
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:...