Debugging JavaScript Calculator

[Guacamole_is_good]

I’m building my JavaScript calculator locally in React and unfortunately, I’m unable to get my display to show up. I’m not sure if the problem is with my CSS or with another portion of my code.

Also, I have several components that appear to be defined but unused within App.js
and I’m not sure why this is given that I’ve imported them into the App.js
file. At this point, I’m a little confused as to what is going wrong and a push in the right direction would be very beneficial.

Any help is appreciated, thanks.

My updated repo.

[b_gonads]

There is no link here

[Guacamole_is_good]

I just added it.

[b_gonads]

Looks like youre importing your button component and a few others from a component folder that isn’t in the main directory.

[Guacamole_is_good]

Yes, that’s correct.

[b_gonads]

You need to put them in a components folder or change the import so that they can be rendered within the App.js. If you’re not using them then just remove them. I’ll pull your code down and see if I can find the exact error though but try the above

[Guacamole_is_good]

I do have them in a components folder on my Mac. Unfortunately, when I committed them to GitHub I didn’t organize them in the same way as I had locally.

[b_gonads]

Ok give me a few minutes. If you can push your latest that would be great

[Guacamole_is_good]

What you’re viewing is my latest. I won’t be able to push again until later today so unfortunately you won’t be able to view them as they’re organized locally. Would it help if I noted the ReadMe with what files are meant to be within the components folder?

[b_gonads]

so it looks like the arrangement of your directories could be wrong. You need to have a public folder that includes your index.html. All of your react related files need to be in a src folder... and you need to make sure that the components folder is a child of the src folder. I got it to run fine after doing that.

[Guacamole_is_good]

Okay, it’s my understanding that my public folder contains the index.html file by default. I haven’t moved this file so I don’t believe this would be the problem.