修改组件名称:例如当前的登陆组件名是 login.vue 修改成 LoginName.vue ,组件名需要以驼峰式命名至少两个单词,不一定都得是 LoginName.vue 可以是 NameLogin.vue 也可以是 LoginNiu.vue 总之就是以驼峰式命名至少两个单词, 这有些类似不同项目前祭命名 解决办法2: 修改配置,禁用eslint的多单词命名规则 在vue....
2.1 ✅ 修改ESLint对于组件名称规则 不管是Vue2还是Vue3的项目,我们创建好项目之后,项目根目录下都会有.eslintrc.js这个文件; 这个文件里面保存的就是ESLint的相关配置(如果没有该文件,可以自己手动创建一个); 在文件中添加以下代码: module.exports = { // 其他配置 ..., rules: { // 如果组件名称为 i...
报错:Component name “xxxx” should always be multi-word.意思是说组件名"xxxx"应该总是多个单词,其实就是eslint报出我的组件名称命名不规范,应该采用驼峰命名法。 解决方法就是在vue.config.js文件中写入lintOnSave:false,修改完毕后重启项目即可
一、背景 vue项目出现报错:error Component name "Past" should always be multi-word 二、报错原因 vue项目中会要求组件名称以驼峰格式命名,自定义组件名称应该由多单纯组成,防止和html标签冲突,所以才会出现报错。 三、解决方案 1、我们可以按照组件命名规则,将我们组件的名称改为驼峰格式的。 2、package.json文件...
Vue项目报错: Component name “xxx“ should always be multi-word vue/multi-word-component-names 报错的意思是组件名应该始终是多单词,不应该以单个单词命名组件 解决方法1: 修改组件名称 例如当前的登陆组件名是login.vue修改成LoginName.vue,组件名需要以驼峰式命名至少两个单词,不一定都得是LoginName.vue可以...
解决方案一:新建 .eslintrc.js 文件,在文件中写入以下代码: module.exports = { root: true, env: { node: true }, 'extends': [ 'plugin:vue/essential', 'eslint:recommended' ], parserOptions: { parser: '@babel/eslint-parser' },
本文主要记录下 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 Component name “xxx“ should always be multi-word vue/multi-word-component-names 2023-01-08 798 发布于山西 版权 简介: 笔记 前言 今天使用vscode开发vue引入组件的时候遇到一个错误,我的组件名称以及路径都是没问题的,但是就是运行不起来 错误信息截图如下 分析问题 根据提示信息...
在vue-cli 创建的项目中,创建文件并命名后,会报“Component name “***” should always be multi-word”报错; 报错截图示例如下: Component name "***" should always be multi-word.eslintvue/multi-word-component-names 报错的原因: 在组件命名的时候未按照 ESLint 的官方代码规范进行命名,根据 ESLint 官...