在vue-cli创建的项目中,创建文件并命名后,会报“Component name "***" should always be multi-word”报错; 报错截图示例如下: Component name "***" should always be multi-word.eslintvue/multi-word-component-names 报错的原因: 在组件命名的时候未按照 ESLint 的官方代码规范进行命名,根据 ESLint 官方...
1. 理解“component name 'demo' should always be multi-word”的含义 这个错误提示的意思是,组件的名称“demo”不符合Vue的组件命名规范,因为它只包含了一个单词。Vue的官方风格指南和ESLint插件都建议组件名称应该是多个单词组成的,这样可以减少与现有和未来的HTML元素以及Vue的内部组件发生冲突的可能性。 2. 分...
一、背景 vue项目出现报错:error Component name "Past" should always be multi-word 二、报错原因 vue项目中会要求组件名称以驼峰格式命名,自定义组件名称应该由多单纯组成,防止和html标签冲突,所以才会出现报错。 三、解决方案 1、我们可以按照组件命名规则,将我们组件的名称改为驼峰格式的。 2、package.json文件...
解决办法1: 修改组件名称:例如当前的登陆组件名是 login.vue 修改成 LoginName.vue ,组件名需要以驼峰式命名至少两个单词,不一定都得是 LoginName.vue 可以是 NameLogin.vue 也可以是 LoginNiu.vue 总之就是以驼峰式命名至少两个单词, 这有些类似不同项目前祭命名 解决办法2: 修改配置,禁用eslint的多单词命名...
Component name "index" should always be multi-word组件名index应该总是由多个单词组成; 虽然这个提示不影响我们代码的运行,但是爆红就很难受(我有强迫症 ),所以最好还是解决掉; 一、问题出现原因 这是由于我们没有按照ESLint所制定的组件命名规则引起的; ...
在vue-cli 创建的项目中,创建文件并命名后,会报“Component name “***” should always be multi-word”报错; 报错截图示例如下: Component name "***" should always be multi-word.eslintvue/multi-word-component-names 报错的原因: 在组件命名的时候未按照 ESLint 的官方代码规范进行命名,根据 ESLint 官...
Vue项目报错: Component name “xxx“ should always be multi-word vue/multi-word-component-names 报错的意思是组件名应该始终是多单词,不应该以单个单词命名组件 解决方法1: 修改组件名称 例如当前的登陆组件名是login.vue修改成LoginName.vue,组件名需要以驼峰式命名至少两个单词,不一定都得是LoginName.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 版本中新增了不少规则...
【Vue】组件命名报错 “Component name “XXX“ should always be multi-word”的解决方法 第一种解决方法:修改组件名称为大驼峰,不要用系统中命令常见的名称。 第二种解决方法: 在根目录下,打开【.eslintrc.js】文件,如果没有,就新建,内容 module.exports = {...
其一、报错的全称为: error Component name "index" should always be multi-word vue/multi-word-component-names 翻译为:错误组件名称“索引”应始终为多词 vue/多词组件名称 其二、问题分析: 新手在使用脚手架时总会报各种错,报错信息指的是我们组件名有些问题,官方文档建议组件名写成驼峰式或者-衔接的形式,故...