一、背景 vue项目出现报错:error Component name "Past" should always be multi-word 二、报错原因 vue项目中会要求组件名称以驼峰格式命名,自定义组件名称应该由多单纯组成,防止和html标签冲突,所以才会出现报错。 三、解决方案 1、我们可以按照组件命名规则,将我们组件的名称改为驼峰格式的。 2、package.json文件...
在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 “home“ should always be multi-word.eslintvue/multi-word-component-names,原因是在组件命名的时候未按照 ESLint 的官方代码规范进行命名。 解决方法: 配置.eslintrc.js文件 关闭命名规则 找到.eslintrc.js 文件在 rules 里面加上这么一句 // 关闭名称校验 'vue/multi-word...
使用vue 的过程中遇到错误:Component name “xxx“ should always be multi-word vue/multi-word-component-names。这是因为在配置完 ESlint 后,要求代码格式规范的同时也规定了组件的命名规则,要写成 “XXXName”的格式,不能是单个单词。 除了将组件的名称按照规则更改外,还有一种快捷的解决方式是关闭语法检查。
本文主要记录下 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 = {...
【Vue Error】 error Component name “product“ should always be multi-word vue/multi-word-compone…… 报错如下: 分析问题: 翻译过来可知是组件名出了问题,意思就是组件名应该使多个单词拼接横线组成的。 查阅资料发现,这其实是语法检查的时候把不规范的代码(即命名不规范)当成了错误。
【Vue Error】 error Component name “product“ should always be multi-word vue/multi-word-compone……,误。翻译过来可知是组件名出了问题,意思就是组件名应该使多个单词拼接横线组成的。,作用是关闭语法检查。
解决方案一:新建 .eslintrc.js 文件,在文件中写入以下代码: module.exports = { root: true, env: { node: true }, 'extends': [ 'plugin:vue/essential', 'eslint:recommended' ], parserOptions: { parser: '@babel/eslint-parser' },
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:...