pathing issue with webpack and heroku

Question

I seem to be having a path issue that is causing my app to not load the home route correctly. I've spent a whole day trying different ways of building my path in my node/express server home route such that it will actually load on heroku but to no avail.

I've used to heroku cli to verify my dist folder and the bundled items it contains are in the right location on the server and that i'm pointing correctly at it, yet the problem remains. I'll include a link to the stack overflow post I've already made.

any help is greatly appreciated. What little information I could find (different techniques for building the whole file path, setting the heroku config to development instead of production mode so that my dev dependancies are used) has not worked at all.

https://stackoverflow.com/questions/60677247/node-application-with-webpack-deployed-to-heroku-home-route-not-found

Answer 1

Unless we know the directory structure, we cannot comment much but as best practice I would suggest to use_dirname and path to construct the path of the file you want to send rather than hard coding the path.

Example:

res.sendFile(path.join(__dirname, '../dist', 'index.html'));

Or

res.sendFile('index.html', { root: path.join(__dirname, '../dist') });