Heroku Cannot GET /

Question

I am new to Heroku and believe I am following all of the steps outlined on Heroku\'s website to deploy via node.js – https://devcenter.heroku.com/articles/getting-started-wi

Answer 1

almost 3 years, but I'm answering for reference.

• generally /dist is a build process generated directory, it's temporary and changes a lot while working in our sources, so /dist is not versioned.
• on your package.json you can add a script called postinstall with this build process, let's say you have a task in gulp called build...so "postinstall": "gulp build"
• if you manage your project's dependencies in bower too, npm install --save bower and "postinstall": "./node_modules/bower/bin/bower install && gulp build"

Just a simple example croped for your package.json

{
   "dependencies: {
    "bower":"^1.8.0",
    "grunt":"^1.0.1",
   },
   "scripts": {
    "start": "node ./www.js",
    "build": "grunt dist",
    "postinstall": "./node_modules/bower/bin/bower install && npm run build"
   }
}

Obvious you're probably done and better nowadays...I'm just referencing it for next consultings.

Answer 2

Make sure you have these 2 things in place:

1. In your package.json, include heroku-postbuild line, in my case is like this, (it might change if you need to do more than one install)

        "scripts": { 
        "heroku-postbuild": "npm install --prefix client && npm run build --prefix client"
      },

2. In your index.js file, add a condition for production

    if (process.env.NODE_ENV === "production"{
      app.use(express.static("build"));
      app.get("*", (req, res) => {
        res.sendFile(path.resolve(__dirname,  "build", "index.html"));
      });
    }

Express will serve up production assets like our main.js file, or main.css file!

Finally- Express looks if the request is for an asset Express will serve up the index.html file if it doesn't recognize the route