eslint报错Component name should always be multi-word.(vue/multi-word-component-nam

817 阅读1分钟

如图报如下问题,原因eslint默认规则要求文件名双驼峰命名。

image.png

解决方法:打开.eslintrc.js文件,给rules添加以下规则就不会再报错

"vue/multi-word-component-names":"off"

如果需要改变什么规则,可以在rules修改

/* eslint-env node */
require('@rushstack/eslint-patch/modern-module-resolution')

module.exports = {
  root: true,
  'extends': [
    'plugin:vue/vue3-essential',
    'eslint:recommended',
    '@vue/eslint-config-typescript',
    '@vue/eslint-config-prettier/skip-formatting'
  ],
  rules: {
    "no-console": process.env.NODE_ENV === "production" ? "warn" : "off",
    "no-debugger": process.env.NODE_ENV === "production" ? "warn" : "off",
    "vue/multi-word-component-names":"off"
  },
  parserOptions: {
    ecmaVersion: 'latest'
  }
}