时间戳

首页 > 解决方案 > 如何在 nuxt 项目中禁用“no-unused-vars”规则

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

问题描述

这是我的 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 */，但它会禁用所有规则，因为我不希望这种情况发生。我怎样才能解决这个问题？谢谢！

标签： nuxt.jseslint

解决方案

它应该是

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

推荐阅读