vue/multi-word-component-names是用于检测当前的组件名称是否使用驼峰或多单词命名
错误截图如下:
1.可以修改 .eslintrc.js文件的配置
module.exports = {
root: true,
env: {
node: true,
},
extends: ['plugin:vue/essential', 'eslint:recommended', 'plugin:prettier/recommended'],
parserOptions: {
// parser: '@babel/eslint-parser',
},
rules: {
// 去掉函数()前面的空格
'space-before-function-paren': 'off',
'no-console': process.env.NODE_ENV === 'production' ? 'warn' : 'off',
'no-debugger': process.env.NODE_ENV === 'production' ? 'warn' : 'off',
// 关闭驼峰命名规则
'vue/multi-word-component-names': 0,
},
}
2.修改vue.config.js文件中的配置
在项目的根目录找到vue.config.js文件
添加 关闭语法检查
3.除了以上两点外,还要检查是不是style标签中的 lang 没有定义
将 lang=“” 删除或者定义(less/scss), 这时候可以看到终端没有报错,而 问题依然报错
禁用 ESLint 插件即可