title: ReactJS Heroku Deployment Error: Failed to load resource: the server responded with a status of 404 (Not Found)
body: <p>I have a ReactJS app that I am trying to deploy on heroku. It runs fine locally, but is not deploying correctly! On the page, I'm getting Cannot GET /</p>
  
  <p>App link: <a href="https://nameless-spire-06291.herokuapp.com/" rel="nofollow noreferrer">https://nameless-spire-06291.herokuapp.com/</a></p>
  
  <p>Console Errors:
  1. Failed to load resource: the server responded with a status of 404 (Not Found)
  2. Refused to load the image '<a href="https://nameless-spire-06291.herokuapp.com/favicon.ico" rel="nofollow noreferrer">https://nameless-spire-06291.herokuapp.com/favicon.ico</a>' because it violates the following Content Security Policy directive: "default-src 'none'". Note that 'img-src' was not explicitly set, so 'default-src' is used as a fallback.</p>
  
  <ol>
  <li><p>Here is my app structure in github
  <a href="https://github.com/sollama/reactJS-portfolio" rel="nofollow noreferrer">https://github.com/sollama/reactJS-portfolio</a></p></li>
  <li><p>Here is my server.js for reference:</p>
  
  <pre><code>const express = require('express')
  const app = express()
  const path = require('path')
  const port = process.env.PORT || 3001
  
  app.use('/', express.static(path.join(__dirname, 'public')))
  
  app.listen(port, () =&gt; console.log("Listening on Port", port)) 
  </code></pre></li>
  <li><p>Package.json:</p>
  
  <pre><code>"scripts": {
      "dev": "parcel src/index.html",
      "build": "parcel build src/index.html",
      "start": "node server.js" ,
      "heroku-postbuild":"npm run build"
  },
  </code></pre></li>
  </ol>
  
  <p>Super new to all of this, so I'm not sure where to look  next and I would appreciate any ideas!</p>