无法从 EsLint 禁用 vue/multi-word-component-names 规则

Question

问题：

[eslint] 
[redacted]/components/Settings.vue
  1:1  error  Component name "Settings" should always be multi-word  vue/multi-word-component-names

根本没有Settings.vue！

❯ tree -I 'node_modules|public|assets'

.
├── README.md
├── babel.config.js
├── jsconfig.json
├── package.json
├── src
│   ├── App.vue
│   ├── components
│   │   ├── HomePage.vue
│   │   ├── SettingsPage.vue
│   │   └── TopBar.vue
│   ├── global.css
│   └── main.js
├── tailwind.config.js
├── vue.config.js
└── yarn.lock

SettingsPage 甚至不是 Settings！

/* eslint-disable vue/multi-word-component-names */
  
<script>
import TopBar from "./TopBar.vue";

export default {
    name: 'SettingsPage',

我的 EsLint 配置根本不需要你！

module.exports = {
    root: true,
    env: {
        node: true,
    },
    extends: [
        'plugin:vue/vue3-essential',
        'eslint:recommended',
    ],
    rules: {
        // Other rules...
        'vue/multi-word-component-names': 'off'
    },
};

我什至在我的文件顶部把你踢掉了！

/* eslint-disable vue/multi-word-component-names */

删除了node_modules，重新安装了一遍，还是不行。

删除了纱线缓存，不起作用。

我感到愤怒不可估量，就好像 JavaScript 是一种 10/10、完美、完美的语言一样，Vue 正在执行这条规则，而现在这甚至不是一个真正的错误！该怎么办？ EsLint 想从我这里得到什么？

Answer 1

对我来说，在 .eslintrc.js 中使用

'vue/multi-word-component-names': 0,

可以完全禁用规则中的规则。您还可以尝试

'vue/multi-word-component-names': ['error', {ignores: ['Settings']}],

只定位该一个文件。