title: How can I make eslint/vscode-eslint stop linting .eslintrc?
body: <h1>Problem</h1>
  
  <p>I have a bunch of "Problems" in my VS Code PROBLEMS pane from eslint complaining about various JSON issues with my <code>.eslintrc</code>.  Linting the directory outside of VS Code does not show me <code>.eslintrc</code> issues.  My <code>.eslintrc</code> and <code>.eslintignore</code> files are in my workspace directory (same location as my <code>.vscode</code> directory.</p>
  
  <h1>Things I have tried</h1>
  
  <p>I tried adding the following entries to my <code>.eslintignore</code> file:</p>
  
  <ol>
  <li><code>**/.*</code></li>
  <li><code>**/.eslintrc</code></li>
  <li><code>.eslintrc</code></li>
  <li><code>./.eslintrc</code></li>
  </ol>
  
  <p>But none of them keep VS Code from showing errors both in the file editor as well as the PROBLEMS pane.</p>
  
  <p>I have added the <code>.eslintrc</code> to the exclude files setting in VS Code and then activated the excluded files filter in the PROBLEMS pane but I don't want to hide the file from the EXPLORER pane.</p>
  
  <h1>Question</h1>
  
  <p>How can I force VS Code/ESLint/vscode-eslint/the culprit to ignore my <code>.eslintrc</code> while linting inside VS Code?</p>
  
  <h1><code>.eslintrc</code></h1>
  
  <pre><code>{
    extends: 'airbnb',
    parser: 'babel-eslint',
    plugins: [
      'react',
      'jest',
    ],
    env: {
      browser: true,
      node: true,
      es6: true,
      jest/globals: true,
    },
    globals: {
      LOGGING_ENDPOINT: false,
      $: false,
      beautify: false,
      testContext: false,
      page: false,
    },
    settings: {
      react: {
        pragma: 'h',
      },
    },
    rules: {
      import/no-extraneous-dependencies: 'off',
      import/no-unresolved: ['error', { ignore: ['^react$', '^react-dom$'] }],
      import/extensions: 'off',
      react/react-in-jsx-scope: 'off',
      no-underscore-dangle: 'off',
      react/no-danger: 'off',
      no-unused-vars: ['error', { varsIgnorePattern: 'React' }],
      react/require-default-props: 'off',
      function-paren-newline: 'off',
      import/no-named-as-default: 'off',
      object-curly-newline: 'off',
      jest/no-focused-tests: 'error',
    },
  }
  </code></pre>
  
  <h2>Thanks!</h2>
  
  <h1>Solution</h1>
  
  <p>The issue was that my <code>.eslintrc</code> was in a weird JSON-esque format and, while ESLint was reading it fine, VS Code was telling me about all of the issues.  Once I properly formatted it as JSON, VS Code stopped complaining.</p>