nuxt.js - 如何在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 中 undefined variable 下的红线不见了，但是当我运行开发服务器控制台时仍然显示 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',
  ],