Btukfyl

I have gone about deploying my angular app as I usually do but this time I get an Error Not Found. When I check Heroku logs the following message stands out...

 Error: ENOENT: no such file or directory, stat '/app/dist/my-app/index.html'

My server.js file looks like this...

const express = require('express');

const app = express();

const path = require('path');



app.use(express.static(__dirname + '/dist/my-app'));

app.listen(process.env.PORT || 8080);



app.get('/*', (req, res) => {

   res.sendFile(path.join(__dirname + '/dist/my-app/index.html'));

});



console.log('Node-express server listening!');

I moved @angluar/cli and @angular/compiler-cli as well as typescript from the devDependencies and into dependencies object as usual. Here's my package.json..

{

  "name": "my-app",

  "version": "0.0.0",

  "license": "MIT",

  "scripts": {

    "ng": "ng",

    "start": "node server.js --proxy-config proxy.conf.json",

    "build": "ng build",

    "test": "ng test",

    "lint": "ng lint",

    "e2e": "ng e2e",

    "postinstall": "ng build --aot --prod"

  },

  "private": true,

  "dependencies": {

    "@angular/animations": "^7.0.4",

    "@angular/cdk": "^7.0.4",

    "@angular/cli": "^7.0.6",

    "@angular/common": "^7.0.4",

    "@angular/compiler": "^7.0.4",

    "@angular/compiler-cli": "^7.0.4",

    "@angular/core": "^7.0.4",

    "@angular/flex-layout": "^7.0.0-beta.19",

    "@angular/forms": "^7.0.4",

    "@angular/http": "^7.0.4",

    "@angular/material": "^7.0.4",

    "@angular/platform-browser": "^7.0.4",

    "@angular/platform-browser-dynamic": "^7.0.4",

    "@angular/router": "^7.0.4",

    "core-js": "^2.5.7",

    "express": "^4.16.4",

    "font-awesome": "^4.7.0",

    "hammerjs": "^2.0.8",

    "ngx-gallery": "^5.9.0",

    "rxjs": "^6.3.3",

    "rxjs-compat": "^6.3.3",

    "typescript": "^3.1.6",

    "zone.js": "^0.8.26"

  },

  "devDependencies": {

    "@angular-devkit/build-angular": "^0.10.6",

    "@angular/language-service": "^7.0.4",

    "@types/jasmine": "~3.3.0",

    "@types/jasminewd2": "~2.0.6",

    "@types/node": "~10.12.9",

    "codelyzer": "~4.5.0",

    "jasmine-core": "~3.3.0",

    "jasmine-spec-reporter": "~4.2.1",

    "karma": "^3.1.1",

    "karma-chrome-launcher": "~2.2.0",

    "karma-cli": "~1.0.1",

    "karma-coverage-istanbul-reporter": "^2.0.4",

    "karma-jasmine": "~2.0.1",

    "karma-jasmine-html-reporter": "^1.4.0",

    "protractor": "^5.4.1",

    "ts-node": "~7.0.1",

    "tslint": "~5.11.0"

  },

  "engines": {

    "node": "10.10.0",

    "npm": "6.4.1"

  }

}

The only difference this time comes in the scripts object where instead of the usual "start": "node server.js", I have "start": "node server.js --proxy-config proxy.conf.json"

Locally the project compiles and runs with "start": "ng serve --proxy-config proxy.conf.json".

I have also checked for any missing files or folders by heroku run bash and then dir. Everything seems to be fine.

I have built and deployed angular apps to heroku multiple times before. The only difference I can find this time, is that I am using a proxy to connect to a back end. Am I doing something wrong? Any help would be nice.