ESLint Vue 插件显示 vue/comment-directive 的误报

Question

从 VueCLI 迁移到 Vite 后，据我所知，我必须“手动”进行 linting；如果我错了纠正我。因为我只想整理我的 .ts 和 .html 文件（我什至为组件将它们分开），我在我的包 json 中有这个脚本：

"lint": "eslint --ext .ts --ext .html src/"

它发现了一些问题，例如:key在循环中丢失，但它也向我显示了每个模板的这个错误：

错误清除 vue/注释指令

这始终是我的 template.html 中任何根元素的结束标记如果只有一个根元素，我会收到一个文件警告，如果有多个根元素，我会收到每个结束标签的警告。

我不明白这条规则抱怨的是什么，因为根据它的文档，它是用于 eslint-disable 注释的，我的模板中没有。

Answer 1

我遇到了同样的问题，但是在使用 eslint 的 nuxt 中，我只需要更新 eslint-config 和 eslint-module：

"@nuxtjs/eslint-config": "^5.0.0",
"@nuxtjs/eslint-module": "^3.0.1",

来源：https : //github.com/nuxt/eslint-plugin-nuxt/issues/121

Answer 2

我刚刚更新了我的 npm 依赖项，但出现了同样的错误。

我正在阅读 eslint 文档，最后我意识到false error如果你在.eslintrc.js配置文件中设置了规则，你可以删除它。

这是我的.eslintrc.js配置文件：

module.exports = {
  root: true,
  env: {
    browser: true,
    node: true
  },
  parserOptions: {
    parser: 'babel-eslint'
  },
  extends: [
    '@nuxtjs',
    'prettier',
    'prettier/vue',
    'plugin:prettier/recommended',
    'plugin:nuxt/recommended'
  ],
  plugins: [
    'prettier'
  ],
  // add your custom rules here
  rules: {
    "vue/comment-directive": 0
  }
}

添加规则"vue/comment-directive": 0，即！，错误信息被删除！。

可能的值是：

• 0 表示 disabled
• 1 表示 warning
• 2 手段 error

尝试在您的 IDE 中将其更改为它的工作方式

（就我而言，每次更改此配置文件中的值时，我都不得不停止服务器并重新运行它。）