title: Failed to load resource, (Service Unavailable) error 503
body: <p>I have build an <strong>angular cli</strong> app with a <strong>express server</strong>,after deploying in <strong>heroku</strong> I try to run the app I get this error as :</p>
  
  <blockquote>
    <p>Failed to load resource: the server responded with a status of 503 (Service Unavailable)</p>
  </blockquote>
  
  <p>I have tried following a previous answer and added a <strong>serve-favicon</strong> dependency but the error persists. Here is my 
  <strong><em>server.js</em></strong></p>
  
  <pre><code>    const express = require{'express'};
  const favicon = require('serve-favicon')
  const app = express();
  const path = require('path');
  
  app.use(express.static(__dirname + '/dist'));
  // app.use(favicon(__dirname + '/dist/favicon.ico'));
  app.use(favicon(__dirname + '/dist/favicon.ico'));
  // app.use(favicon(path.join(__dirname,'dist','favicon.ico')));
  
  
  app.listen(process.env.PORT || 8080);
  
  //path location strategy
  app.get('/*',function(req,res) {
      res.sendFile(path.join(__dirname + '/dist/index.html'));
  })
  
  console.log('console listeing!');
  </code></pre>
  
  <p>Favicon is located at <strong>appname/src/favicon.ico</strong>.
  on localhost there is no problem everything loads correctly ,error appears after tring to run my heroku app after succesfully deploying.</p>