【vue eslint】报错Component name “xxxxx“ should always be multi-word.eslintvue/

最新推荐文章于 2024-09-08 20:29:27 发布

鲸落落不吃肉

最新推荐文章于 2024-09-08 20:29:27 发布

阅读量700

点赞数

CC 4.0 BY-SA版权

分类专栏： vue 文章标签： vue.js word javascript

本文链接：https://blog.csdn.net/weixin_52485116/article/details/128014032

原因是 eslint-plugin-vue 版本更新了，相较之前版本，@8 版本中新增了不少规则，第一条就是 'vue/multi-word-component-names': 'error', 要求组件名称以驼峰格式命名，所以 index.vue 会报错。

查到的解决办法有很多种,改成驼峰或者关掉语法检查,我觉得好用的是下面这种:

找到.eslintrc.js文件更改配置,没有新建一个[前面必须有个.]

在rules下添加:

"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': process.env.NODE_ENV === 'production' ? 'warn' : 'off',
       //在rules中添加自定义规则
       //关闭组件命名规则
       "vue/multi-word-component-names":"off",
    },
    overrides: [
      {
        files: