title: (ESLint) Cannot find module 'eslint-config-react-app' in VS 2017 react project
body: <p>We have a react app in Visual Studio 2017 that shows the following warning messages for every .js file in the project "(ESLint) Cannot find module 'eslint-config-react-app'...". We have the react-scripts package installed that pulled in the eslint-config-react-app package as well. We have tried to install it ourselves in the local projects package.json as well as a global package.</p>
  
  <p>No matter what we do these errors will not go away. </p>
  
  <p><strong>UPDATED:</strong>
  The project folder structure is:</p>
  
  <ul>
  <li>Project
  
  <ul>
  <li>ClientApp
  
  <ul>
  <li>public</li>
  <li>src</li>
  <li>packages.json</li>
  </ul></li>
  <li>Controllers</li>
  <li>Pages</li>
  </ul></li>
  </ul>
  
  <p>I have tried putting the following in the packages.json file:</p>
  
  <pre><code>"eslintConfig": {
     "extends": "react-app"
  }
  </code></pre>
  
  <p>I have tried creating a .eslintrc file in the ClientApp folder as well as moving to the project root folder so it sits at the same level as the ClientApp folder. In the file I had the following:</p>
  
  <pre><code>{
      "extends": "react-app"
  }
  </code></pre>
  
  <p>I also tried the following in the .eslintrc file:</p>
  
  <pre><code>{
    "extends": [
      "eslint:recommended",
      "plugin:react/recommended"
    ]
  }
  </code></pre>
  
  <p>When I did this my error changes to "</p>
  
  <blockquote>
    <p>(ESLint) ESLint encountered a parsing error.</p>
  </blockquote>