Why NONE of my React Js projects uploads on Netlify?

Support
1

PLEASE help us help you by writing a good post!

  • we need to know your netlify site name. Example: gifted-antelope-58b104.netlify.app
  • DNS issues? Tell us the custom domain, tell us the error message! We can’t help if we don’t know your domain.
  • Build problems? Link or paste the FULL build log & build settings screenshot

The better the post - the faster the answer.
I keep on creating new React Js projects but none of them gets uploaded successfully on my Netlify.
How can I fix this?

2

Hi @MorenaTirana you haven’t provided any details needed as explained in the post boilerplate. We really can’t figure anything out without those details. Will be more than happy to debug with the relevant details :slightly_smiling_face:

3

Hi & thank you for the reply.
What information should I provide to help you understand my problem?
I keep uploading my React JS files and none of them gets uploaded but all I get is Page not found message.

4

I also tried to deploy them manually but still doesn’t work.

5

You can see in your original post the bullet points explaining what is needed :slightly_smiling_face:

6

Screen Shot 2023-01-12 at 10.53.29 PM
Screen Shot 2023-01-12 at 10.53.29 PM2360×1338 147 KB

This is what is shown.

7

Screen Shot 2023-01-12 at 10.54.09 PM
Screen Shot 2023-01-12 at 10.54.09 PM2252×1190 220 KB

This is what I am trying to upload

8

This is what my localhost console says about my React file

Screen Shot 2023-01-12 at 10.55.11 PM
Screen Shot 2023-01-12 at 10.55.11 PM2520×1252 481 KB

What should I do to fix it?

9

Okay so those logs aren’t too relevant so thats good news. Do you have your repository link so I can have a look at the file structure.

Also, I need a screen shot of your build settings found in the Netlify UI.

10

Yes, this is the link:

https://loquacious-sfogliatella-1b7fef.netlify.app

11

Not that one, the link to your github or gitlab repository where your code is stored. Unless you are not using this and instead deploying from Netlify CLI?

12

my github repository link is:

13

Great, that helps a lot. I think I know the issue, your code is inside a my-app directory. I’m assuming your build settings do not reflect this.

You can fix this two ways:

  1. (recommended) change your repo by committing the code inside the root instead of my-app
  2. Adjust your build settings so that the base directory is my-app

I really would encourage the 1st option since it’s common for non-monolothic repos (repos that have only one website inside) to have the code in the root and not inside unnecessary directories like my-app :slightly_smiling_face:

14

Thank you for your suggestion but how can I actually make this happen considering that I activate react via “npx create-react-app my-app .” code ?

15

So you really need to drag all the files inside my-app and drop them into the parent directory (in this case where your .gitattributes is)

Then cd ../ out of your my-app directory and now you can commit the root project :slight_smile:

16

do you mean the drag & drop in VS Code ?

Screen Shot 2023-01-12 at 11.38.40 PM
Screen Shot 2023-01-12 at 11.38.40 PM1340×838 79 KB

Because it doesn’t work on GitHub the drag & drop there.

17

I just uploaded it on Netlify now and it worked. :raised_hands:
Thank You for your support.

1 Like
18

No worries glad we got it working. Goodluck with your coding journey :slightly_smiling_face:

1 Like