Need help deploying react app to heroku

1

heroku
heroku1355Ă—614 12.4 KB

The above is the output i get after deploying an application to heroku. How do I fix this? Please help!

2

There could be any number of reasons.

You’d really need to check the logs, and post them here.

1 Like
3

Hello, I’m really not sure of the type of error to post but this is the overall output link https://cryptic-earth-56258.herokuapp.com
Kindly assist

h
h625Ă—506 11.7 KB
hero
hero621Ă—506 12.5 KB

4

You might want to check your code, reference error dist is not defined, maybe you referenced a variable that is not defined

5

app working fine as expected on my computer, “dist” is part of .gitignore files during commit to github. Maybe I am getting it wrong deploying to heroku repo. I am not sure

6

That’s likely the problem. Heroku hosts your git folder.

Are you using a React build pack on Heroku? I haven’t deployed React to Heroku before, but have had to use build packs for similar things.

If that doesn’t work, you could deploy your dist folder instead of ignoring it (which is how I host react apps on GH pages).

7

Did you build the application before pushing ,

8

You know npm run build or yarn build

9

My guess is that he did, but Heroku can only see what you push to git, and his build folder is ignored.

You could try running the build on Heroku, but Heroku uses ephemeral storage, so that might not work.

11

Screenshot_20191018-210808
Screenshot_20191018-2108081080Ă—1920 282 KB
hope you remembered to tell node where your build react folder is like this

12

Screenshot_20191018-210838
Screenshot_20191018-2108381080Ă—1920 222 KB
and I think I ran into some issues when I missed that part, checkout the app at https://topner.herokuapp.com it a react app

2 Likes
13

Hold on from your picture above it seems you are trying to deploy a react app without a node back end , I don’t think it would work you need to have a node back end or a back end from any other languages

15

Oh, good pick up!

If that’s the case, you can use netlify or github pages to deploy without a backend.

16

Jackson is right , heroku requires you to have a back end but github or netlify would host static pages for you

17

that sounds like a better option

18

Can you take a screenshot of your folder structure where you have the build for your react app

19

The build session is right above…

20

Just keep going at it , you would eventually figure it out, just ask big brother google

1 Like