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',
  ],

Answer 2

这也有助于在页面上隐藏错误，但是，它将显示在控制台上。

nuxt.config.js

  build: {
    hotMiddleware: {
      client: {
        // turn off client overlay when errors are present
        overlay: false
      }
    }
  }

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

2 个答案: