如何在 nuxt 项目中禁用“no-unused-vars”规则

Question

这是我的 nuxt 项目中的 .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: {
    'nuxt/no-cjs-in-config': 'off',
    'no-unused-vars': 'off'
  }
}

在我添加'no-unused-vars': 'off'VSCode 中未定义变量下的红线后，它就消失了，但是当我运行开发服务器控制台时，仍然显示xxx is not defined并阻止我的网站。我已经/* eslint-disable no-unused-vars */在我的组件中尝试过，但它不起作用。唯一有效的方法是添加/* eslint-disable */，但它会禁用所有规则，因为我不希望这种情况发生。我怎样才能解决这个问题？谢谢！

Answer 1

它应该是

rules: {
    ...
    'vue/no-unused-vars': 'off'
  }

旁注：如果您想完全禁用 eslint，那么.eslintrc您可以通过在 nuxt.config.js 文件中注释相同的内容来禁用整个 eslint，而不是添加规则。我在开发时会这样做。：D

buildModules: [
    // Doc: https://github.com/nuxt-community/eslint-module
    //'@nuxtjs/eslint-module',
  ],