title: Failed to Deploy React App to Heroku - Unable to Deploy
body: <p>I have made a reactjs app. It's just the front-end. So no nodes and databases are added. When I am trying to deploy it to Heroku, I am always facing the same error and couldn't resolve it. I have added the logs and my package.json file.</p>
  <p><a href="https://i.stack.imgur.com/UU2ip.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/UU2ip.png" alt="Heroku logs --tail" /></a>
  <a href="https://i.stack.imgur.com/80wdR.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/80wdR.png" alt="Project File Tree" /></a></p>
  <p><strong>Package.json</strong></p>
  <pre><code>{
    &quot;name&quot;: &quot;reactapp&quot;,
    &quot;version&quot;: &quot;0.1.0&quot;,
    &quot;private&quot;: true,
    &quot;engines&quot;: {
      &quot;node&quot;: &quot;12.17.0&quot;,
      &quot;npm&quot;: &quot;6.14.4&quot;
    },
    &quot;dependencies&quot;: {
      &quot;@material-ui/core&quot;: &quot;^4.11.0&quot;,
      &quot;@material-ui/icons&quot;: &quot;^4.9.1&quot;,
      &quot;@testing-library/jest-dom&quot;: &quot;^4.2.4&quot;,
      &quot;@testing-library/react&quot;: &quot;^9.5.0&quot;,
      &quot;@testing-library/user-event&quot;: &quot;^7.2.1&quot;,
      &quot;bootstrap&quot;: &quot;^4.5.0&quot;,
      &quot;font-awesome&quot;: &quot;^4.7.0&quot;,
      &quot;react&quot;: &quot;^16.13.1&quot;,
      &quot;react-bootstrap&quot;: &quot;^1.0.1&quot;,
      &quot;react-dom&quot;: &quot;^16.13.1&quot;,
      &quot;react-helmet&quot;: &quot;^6.1.0&quot;,
      &quot;react-rating-stars-component&quot;: &quot;^1.1.0&quot;,
      &quot;react-router-dom&quot;: &quot;^5.2.0&quot;,
      &quot;react-script-tag&quot;: &quot;^1.1.2&quot;,
      &quot;react-scripts&quot;: &quot;3.4.1&quot;,
      &quot;reactstrap&quot;: &quot;^8.5.1&quot;,
      &quot;shards-react&quot;: &quot;^1.0.3&quot;,
      &quot;styled-components&quot;: &quot;^5.1.1&quot;,
      &quot;typescript&quot;: &quot;^3.9.5&quot;
    },
    &quot;scripts&quot;: {
      &quot;start&quot;: &quot;react-scripts start&quot;,
      &quot;build&quot;: &quot;react-scripts build&quot;,
      &quot;test&quot;: &quot;react-scripts test&quot;,
      &quot;eject&quot;: &quot;react-scripts eject&quot;
    },
    &quot;eslintConfig&quot;: {
      &quot;extends&quot;: &quot;react-app&quot;
    },
    &quot;browserslist&quot;: {
      &quot;production&quot;: [
        &quot;&gt;0.2%&quot;,
        &quot;not dead&quot;,
        &quot;not op_mini all&quot;
      ],
      &quot;development&quot;: [
        &quot;last 1 chrome version&quot;,
        &quot;last 1 firefox version&quot;,
        &quot;last 1 safari version&quot;
      ]
    },
    &quot;devDependencies&quot;: {}
  }
  </code></pre>