vue/multi-word-component-names是ESLint的一个规则,用于强制Vue组件名称使用多个单词组成,以避免与HTML原生元素或Web组件冲突。在Vue.js中,单词组件名可能与现有的或未来的HTML元素冲突,导致潜在的问题。因此,该规则推荐使用至少两个单词组成的组件名,如MyComponent而非MyComponent。
报错就是这么提示 2.解决 我这里采用关闭这个规则校验 在 .eslintrc.js 文件的规则里添加一行 'vue/multi-word-component-names':'off' 3.其他 其他的解决方式,参考这位博主的博文,地址 https://blog.csdn.net/qq_51066068/article/details/125990215
禁用eslint提示功能vue.config.jslintOnSave: false 关闭命名规则校验package.json:"vue/multi-word-component-names": "off"仅对部分命名忽略package.json"vue/multi-word-component-names": ["error",{"ignore": ["home","main"]}]
Vue项目报错: Component name “xxx“ should always be multi-word vue/multi-word-component-names 报错的意思是组件名应该始终是多单词,不应该以单个单词命名组件 解决办法1: 修改组件名称:例如当前的登陆组件名是 login.vue 修改成 LoginName.vue ,组件名需要以驼峰式命名至少两个单词,不一定都得是 LoginName....
解决办法一:找到vue.config.js,再里面加上lintOnSave: false,如下图,然后重新运行项目就可以了 解决办法二:将名字命名为大写驼峰命名将Demo改为...
"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-debugger':proce...
<template> <van-popup v-model:show="show" :style="{ padding: '64px' }">内容</van-popup> </template> import { defineComponent, ref } from 'vue' export default defineComponent({ // eslint-disable-next-line vue/multi-word-component-names name: 'Login', setup() { const show = ref...
"vue/multi-word-component-names": "off", "no-unused-vars": "off", "no-undef": "off" } }, "browserslist": [ "> 1%", "last 2 versions", "not dead", "not ie 11" ] } 1. 2. 3. 4. 5. 6. 7. 8. 9. 10. 11. ...
覆盖vue/multi-word-component-names规则 这个规则要求组件名称要多个单词构成, 而我们当初写的时候没有注意这一点, 现在改成本太大了, 只能把这个规则给覆盖掉 module.exports={// .eslintrc.js 文件 overrides 部分overrides:[{files:["src/**/*.vue"],rules:{"vue/multi-word-component-names":"off"},...