title: Deploying a MEAN stack app to Heroku not loading any files?
body: <p>I'm setting up my web app in progress to be deployed onto Heroku. The builds succeed, but no files are loaded and I'm met with a blank page and a cannot GET/ error message.</p>
  
  <p>I have tried both of the guides/solutions below but have found no luck with either of them.
  <a href="https://medium.com/@BaaniLeen/deploying-mean-stack-app-to-heroku-tips-and-tricks-5bd43a967f8c" rel="nofollow noreferrer">https://medium.com/@BaaniLeen/deploying-mean-stack-app-to-heroku-tips-and-tricks-5bd43a967f8c</a></p>
  
  <p><a href="https://devcenter.heroku.com/articles/mean-apps-restful-api" rel="nofollow noreferrer">https://devcenter.heroku.com/articles/mean-apps-restful-api</a></p>
  
  <p>I have tried changing around my PROCFILE, my Server.js and my /bin/www.js file to try and get heroku to actually load the angular side of things, but to no avail.</p>
  
  <p><a href="https://www.github.com/jaredana/crud" rel="nofollow noreferrer">https://www.github.com/jaredana/crud</a> there is a link to the repo, which is up to date with my local files, so the file structure is pretty much the same minus my .gitignores</p>
  
  <p>Here is an image of my last "heroku logs --tail" <a href="https://imgur.com/btdp0sE" rel="nofollow noreferrer">https://imgur.com/btdp0sE</a></p>
  
  <p>I have also included the lines in my app.js file(where express() is declared):</p>
  
  <pre><code>var distDir = __dirname + "/dist/";
  app.use(express.static(distDir));
  </code></pre>
  
  <p>because I know that when ng build is ran, it builds your angular app into the /dist/ directory.</p>
  
  <p>All of this works on my local machine. I run <code>npm start</code> on the angular side which would normally run <code>ng serve --proxy-config proxy.config.json</code>, and I ran <code>npm start</code> on the node side of things to call <code>node ./bin/www</code>. I have them set to <code>node ./node/server.js</code> for the angular side "start" script and <code>node ./node/bin/www</code> on the node side "start" script as well as my procfile containing <code>web: npm start</code></p>
  
  <p>I clearly need to change what is being ran by heroku as the app is being deployed so that not only the node side of things get initialized. But I'm having a hard time clarifying what needs to be loaded by heroku and what doesn't</p>
  
  <p>If more information is needed or more pictures I'd be happy to provide since it doesn't seem I can find an answer very easily. Thanks for your time.</p>