在上面的违反规则的例子中,组件名称 Button 是一个单词,与HTML的 <button> 元素冲突,因此违反了 vue/multi-word-component-names 规则。 5. 如何修正违反 vue/multi-word-component-names 规则的代码 要修正违反 vue/multi-word-component-names 规则的代码,只需将组件的名称更改为多个单词即可。例如,将 ...
在vue-cli创建的项目中,创建文件并命名后,会报“Component name "***" should always be multi-word”报错; 报错截图示例如下: Component name "***" should always be multi-word.eslintvue/multi-word-component-names 报错的原因: 在组件命名的时候未按照 ESLint 的官方代码规范进行命名,根据 ESLint 官方...
· 使用Eslint检验项目报错“Component name “Error“ should always be multi-word“解决办法 · 使用Eslint检验项目报错 Component name xxx should always be multi-word vue/multi-word-component-names · Vue ESLint Component name should always be multi-word 阅读排行: · 欧阳的2024年终总结,迷茫...
添加一行: "vue/multi-word-component-names":"off", 文件内容: module.exports={root:true,env:{node:true},'extends':['plugin:vue/essential','eslint:recommended'],parserOptions:{parser:'@babel/eslint-parser'},rules:{'no-console':process.env.NODE_ENV==='production'?'warn':'off','no-debu...
npm run lint之后上万报错,就算执行--fix自动修复一些之后也还是一半多。 无奈,项目开始没有搞好,后期累死人 特此记录一下吧 1 //关闭eslint检查文件名是否为驼峰命名 'vue/multi-word-component-names': 'off' 2存在重复的属性 vue/no-duplicate-attributes ...
我们知道 Vue 的风格指南建议使用多个单词命名组件，以避免与现有和未来的 HTML 元素发生冲突。因此，在 eslint-plugin-vue 中，默认启用了 vue/multi-word-component-names 规则。这是一个好习惯，但是在 Nuxt 项目中，并非所有 .vue 文件都被注册为组件。例如 app.vue、pages/index.vue、layouts/default.vue 等...
lintOnSave: false // 关闭eslint校验 1. 如果你会发现并没有什么作用,那么你不妨试试以下操作 找到.eslintrc.js在rules里面加上这么一句 'vue/multi-word-component-names': "off" // 关闭名称校验 1. 优秀不够,你是否无可替代 欢迎关注我的微信公众号:软件测试君...
这个错误是 Vue.js 的一个 ESLint 规则vue/multi-word-component-names触发的。该规则要求组件名称必须由多个单词组成。 解决这个问题的步骤如下: 在你的 Vue.js 项目中,找到报错的组件文件。 修改组件名称,使其由多个单词组成。例如,将Assembly改为AssemblyComponent。
Versions nuxt: v2.15.8 node: v14.15.1 Reproduction I tried to add a codesandbox link but this is an error during build that would not show on console Steps to reproduce Create nuxt app Create a single word component, either in /layouts, ...
【Vue】eslint报错“Component name “XXX“ should always be multi-word”的解决方法 第一种解决方法:修改组件名称为大驼峰,不要用系统中命令常见的名称。 第二种解决方法: 在根目录下,打开【.eslintrc.js】文件,如果没有,就新建,内容 module.exports= {...