adrianhajdin / project_fitness_app

https://jsmastery.pro
1.11k stars 392 forks source link

I am getting a white screen and this errors #19

Open Mhezron opened 2 years ago

Mhezron commented 2 years ago

I am getting a white screen and this errors Screenshot from 2022-10-17 17-05-43

dushmanta05 commented 1 year ago

Hey can you show me your repo, I would like to help.

Mhezron commented 1 year ago

hello I hope you are fine this is my repo.

https://github.com/Mhezron/fitness-app

On Thu, Nov 24, 2022 at 8:29 PM Dushmanta @.***> wrote:

Hey can you show me your repo, I would like to help.

— Reply to this email directly, view it on GitHub https://github.com/adrianhajdin/project_fitness_app/issues/19#issuecomment-1326718512, or unsubscribe https://github.com/notifications/unsubscribe-auth/AH3TOTYYF4T5KGGUCRPVNOLWJ6QWRANCNFSM6AAAAAARHDQ4BY . You are receiving this because you authored the thread.Message ID: @.***>

dushmanta05 commented 1 year ago

Hey there again, Is your issue resolved? I checked the Exercises component & couldn't fine any errors. If you can, post the full error screenshot.

Mhezron commented 1 year ago

No, it doesn't. here's the screenshot showing the console.

On Fri, Nov 25, 2022 at 6:47 PM Dushmanta @.***> wrote:

Hey there again, Is your issue resolved? I checked the Exercises component & couldn't fine any errors. If you can, post the full error screenshot.

— Reply to this email directly, view it on GitHub https://github.com/adrianhajdin/project_fitness_app/issues/19#issuecomment-1327643839, or unsubscribe https://github.com/notifications/unsubscribe-auth/AH3TOTYXDIF6TINF6TLEPTDWKDNPLANCNFSM6AAAAAARHDQ4BY . You are receiving this because you authored the thread.Message ID: @.***>

dushmanta05 commented 1 year ago

I couldn't see any screenshot, please post it again.

Mhezron commented 1 year ago

Sure, here it is.

On Fri, Nov 25, 2022 at 7:05 PM Dushmanta @.***> wrote:

I couldn't see any screenshot, please post it again.

— Reply to this email directly, view it on GitHub https://github.com/adrianhajdin/project_fitness_app/issues/19#issuecomment-1327659543, or unsubscribe https://github.com/notifications/unsubscribe-auth/AH3TOTZTPH7BBN2TLU6IVC3WKDPT5ANCNFSM6AAAAAARHDQ4BY . You are receiving this because you authored the thread.Message ID: @.***>

dushmanta05 commented 1 year ago

I think there's some problem cause I can't see any screenshots, not sure what it is but there's no attachment in the message. I'm sending a screenshot of this convo, please let me know whether you can see it or not. Screenshot

Mhezron commented 1 year ago

I can see your's I don;t know why you can't see mine. let me try to send it separately

On Fri, Nov 25, 2022 at 7:31 PM Dushmanta @.***> wrote:

I think there's some problem cause I can't see any screenshots, not sure what it is but there's no attachment in the message. I'm sending a screenshot of this convo, please let me know whether you can see it or not. [image: Screenshot] https://user-images.githubusercontent.com/73304098/204025809-d64c43e2-1864-4ad8-b599-bb87d68cbb54.png

— Reply to this email directly, view it on GitHub https://github.com/adrianhajdin/project_fitness_app/issues/19#issuecomment-1327680965, or unsubscribe https://github.com/notifications/unsubscribe-auth/AH3TOTYAESYTQC7Z4RIPZELWKDSVNANCNFSM6AAAAAARHDQ4BY . You are receiving this because you authored the thread.Message ID: @.***>

Mhezron commented 1 year ago

sorry not this one

On Fri, Nov 25, 2022 at 7:57 PM Hezron @.***> wrote:

On Fri, Nov 25, 2022 at 7:34 PM Hezron @.***> wrote:

I can see your's I don;t know why you can't see mine. let me try to send it separately

On Fri, Nov 25, 2022 at 7:31 PM Dushmanta @.***> wrote:

I think there's some problem cause I can't see any screenshots, not sure what it is but there's no attachment in the message. I'm sending a screenshot of this convo, please let me know whether you can see it or not. [image: Screenshot] https://user-images.githubusercontent.com/73304098/204025809-d64c43e2-1864-4ad8-b599-bb87d68cbb54.png

— Reply to this email directly, view it on GitHub https://github.com/adrianhajdin/project_fitness_app/issues/19#issuecomment-1327680965, or unsubscribe https://github.com/notifications/unsubscribe-auth/AH3TOTYAESYTQC7Z4RIPZELWKDSVNANCNFSM6AAAAAARHDQ4BY . You are receiving this because you authored the thread.Message ID: @.***>

Mhezron commented 1 year ago

this

On Fri, Nov 25, 2022 at 8:01 PM Hezron @.***> wrote:

sorry not this one

On Fri, Nov 25, 2022 at 7:57 PM Hezron @.***> wrote:

On Fri, Nov 25, 2022 at 7:34 PM Hezron @.***> wrote:

I can see your's I don;t know why you can't see mine. let me try to send it separately

On Fri, Nov 25, 2022 at 7:31 PM Dushmanta @.***> wrote:

I think there's some problem cause I can't see any screenshots, not sure what it is but there's no attachment in the message. I'm sending a screenshot of this convo, please let me know whether you can see it or not. [image: Screenshot] https://user-images.githubusercontent.com/73304098/204025809-d64c43e2-1864-4ad8-b599-bb87d68cbb54.png

— Reply to this email directly, view it on GitHub https://github.com/adrianhajdin/project_fitness_app/issues/19#issuecomment-1327680965, or unsubscribe https://github.com/notifications/unsubscribe-auth/AH3TOTYAESYTQC7Z4RIPZELWKDSVNANCNFSM6AAAAAARHDQ4BY . You are receiving this because you authored the thread.Message ID: @.***>

dushmanta05 commented 1 year ago

Can't see still. Attach below the message box and after uploading it'll show a link like githubusercontent something

you can ping me on twitter.com/imdilub if it's not working

Mhezron commented 1 year ago

Screenshot from 2022-11-25 20-02-10

Mhezron commented 1 year ago

Check now.

On Fri, Nov 25, 2022 at 8:13 PM Dushmanta @.***> wrote:

Can't see still. Attach below the message box and after uploading it'll show a link like githubusercontent something

— Reply to this email directly, view it on GitHub https://github.com/adrianhajdin/project_fitness_app/issues/19#issuecomment-1327726659, or unsubscribe https://github.com/notifications/unsubscribe-auth/AH3TOTZ2IZMY776L3L756KDWKDXUHANCNFSM6AAAAAARHDQ4BY . You are receiving this because you authored the thread.Message ID: @.***>

dushmanta05 commented 1 year ago

Yeah man finally

dushmanta05 commented 1 year ago

Hey, I think I have figured out your problem I will elaborate the problem in the next comment, but before proceeding can you please check your exerciseDB Rapid API requests how many left? I think you've exhausted your API limit

dushmanta05 commented 1 year ago

I have forked your project into my Local repo and when I ran the project, I saw the project running for less than 1 sec then it showed error, let me explain why this occurred.

You see your error is showing like this:

Screenshot_20221126_213612

this is because the .slice() function can be used on Arrays only. So for the .slice() to work the 'exercises' props we are receiving need to be an array.

so I did console.log(exercises) to know what we are getting in the exercises props here are the results:

Screenshot_20221126_214215

as you can see after console.log() at first 'exercises' value are showing which you've hard coded in the useState and in details you can see it's an array that's why for less than a second the website is showing.

but below that you can see after API fetch from Rapid API and then re rendering the new exercises data received from API, the console.log() is returning a value like this :

Screenshot_20221126_214215

as you can it's returning a value like this: {message: 'You are not subscribed to this API'}, now if you see this this is not an array it's an object, to be sure check the details which I'm attaching below

Screenshot_20221126_214240

there you can see the prototype is Object. so .slice() is not working on the object and the console is throwing an error ".slice() is not a function.

So the problem is either you've exhausted your API calling quota from ExercisesDB RapidAPI which is 250/month or you've implemented the .env variable wrong.

Also I've forked your project so I have the API key in your .env file and I tried implementing the key directly instead of .env variable and still showed the error so please check you quota.

Another message is that your .env variable is exposed even if you'be put in .env, I would suggest you to put this .env in .gitignore folder so that git won't track that.

Let me know if you understand what I've written

Mhezron commented 1 year ago

I still don't get where the error is coming from. I have added the .env to .gitignore. how do I check whether I have exceeded api request limit?

On Sat, Nov 26, 2022 at 7:31 PM Dushmanta @.***> wrote:

I have forked your project into my Local repo and when I ran the project, I saw the project running for less than 1 sec then it showed error, let me explain why this occurred.

You see your error is showing like this:

[image: Screenshot_20221126_213612] https://user-images.githubusercontent.com/73304098/204097997-317b5272-bd11-44d9-873d-7c2d372e3f9b.png

this is because the .slice() function can be used on Arrays only. So for the .slice() to work the 'exercises' props we are receiving need to be an array.

so I did console.log(exercises) to know what we are getting in the exercises props here are the results:

[image: Screenshot_20221126_214215] https://user-images.githubusercontent.com/73304098/204098210-f663dcb1-3d82-4e06-b8b7-ae00fd01b062.png

as you can see after console.log() at first 'exercises' value are showing which you've hard coded in the useState and in details you can see it's an array that's why for less than a second the website is showing.

but below that you can see after API fetch from Rapid API and then re rendering the new exercises data received from API, the console.log() is returning a value like this :

[image: Screenshot_20221126_214215] https://user-images.githubusercontent.com/73304098/204098623-75330217-5516-44d2-9198-76590fca04e3.png

as you can it's returning a value like this: {message: 'You are not subscribed to this API'}, now if you see this this is not an array it's an object, to be sure check the details which I'm attaching below

[image: Screenshot_20221126_214240] https://user-images.githubusercontent.com/73304098/204098725-cde8d8c9-3aec-4b4b-bb93-d7f63e47a39f.png

there you can see the prototype is Object. so .slice() is not working on the object and the console is throwing an error ".slice() is not a function.

So the problem is either you've exhausted your API calling quota from ExercisesDB RapidAPI which is 250/month or you've implemented the .env variable wrong.

Also I've forked your project so I have the API key in your .env file and I tried implementing the key directly instead of .env variable and still showed the error so please check you quota.

Another message is that your .env variable is exposed even if you'be put in .env, I would suggest you to put this .env in .gitignore folder so that git won't track that.

Let me know if you understand what I've written

— Reply to this email directly, view it on GitHub https://github.com/adrianhajdin/project_fitness_app/issues/19#issuecomment-1328075911, or unsubscribe https://github.com/notifications/unsubscribe-auth/AH3TOTZBQIIOKJJOIUQSDPLWKI3O3ANCNFSM6AAAAAARHDQ4BY . You are receiving this because you authored the thread.Message ID: @.***>

dushmanta05 commented 1 year ago

I've written in above why your errors are occuring, read it again

and to checkout API quota check here https://rapidapi.com/developer/dashboard check total api calls & how much you've left. for free it's 250 API call/month.

Mhezron commented 1 year ago

Ok, I will check. Thanks

On Sat, Nov 26, 2022 at 9:07 PM Dushmanta @.***> wrote:

I've written in above why your errors are occuring, read it again

and to checkout API quota check here https://rapidapi.com/developer/dashboard check total api calls & how much you've left. for free it's 250 API call/month.

— Reply to this email directly, view it on GitHub https://github.com/adrianhajdin/project_fitness_app/issues/19#issuecomment-1328090331, or unsubscribe https://github.com/notifications/unsubscribe-auth/AH3TOT43ICFCNJMANQSBIJLWKJGW7ANCNFSM6AAAAAARHDQ4BY . You are receiving this because you authored the thread.Message ID: @.***>

MujeebSulayman commented 1 year ago

You'll need to convert everything to string before it can be converted into an array

use this toString().Slice()

DRealCharlesXavier commented 1 year ago

I've written in above why your errors are occuring, read it again

and to checkout API quota check here https://rapidapi.com/developer/dashboard check total api calls & how much you've left. for free it's 250 API call/month.

@dushmanta05 I Have Total API Calls (Default)

I am still getting the same " Uncaught TypeError: exercises.slice is not a function. Also my Prototype is an Array not an Object.

Thank You. I await your Response.

DRealCharlesXavier commented 1 year ago

@dushmanta05 Screenshot (6) This is my Screen Shot.

dushmanta05 commented 1 year ago

@DRealCharlesXavier Hi, is your issue resolved yet? Let me know, sorry for the late response. If the issue is not resolved can you please share me your Exercises.js code It'll be helpful, thanks.

Mhezron commented 1 year ago

Hello thank you for your response. Let me check I'll get back to you.

On Sun, Apr 30, 2023 at 7:56 AM Dushmanta @.***> wrote:

Hi, is your issue resolved yet? Let me know, sorry for the late response.

— Reply to this email directly, view it on GitHub https://github.com/adrianhajdin/project_fitness_app/issues/19#issuecomment-1528939066, or unsubscribe https://github.com/notifications/unsubscribe-auth/AH3TOTYGMEXYYCGTDKT2TMTXDXWJLANCNFSM6AAAAAARHDQ4BY . You are receiving this because you authored the thread.Message ID: @.***>

Mhezron commented 1 year ago

hello Adrian it's been a while I looked at the project and this what I have

On Sun, Apr 30, 2023 at 5:02 PM Hezron @.***> wrote:

Hello thank you for your response. Let me check I'll get back to you.

On Sun, Apr 30, 2023 at 7:56 AM Dushmanta @.***> wrote:

Hi, is your issue resolved yet? Let me know, sorry for the late response.

— Reply to this email directly, view it on GitHub https://github.com/adrianhajdin/project_fitness_app/issues/19#issuecomment-1528939066, or unsubscribe https://github.com/notifications/unsubscribe-auth/AH3TOTYGMEXYYCGTDKT2TMTXDXWJLANCNFSM6AAAAAARHDQ4BY . You are receiving this because you authored the thread.Message ID: @.***>

dushmanta05 commented 1 year ago

@Mhezron Hi, you haven't attached anything in your comment; please attach it. Thanks.

Mhezron commented 1 year ago

hey I can see attached files from my end i don't know what up with gmail let me try ti re-attach [image: fitness app 2.PNG] [image: fitness app1.PNG]

On Tue, May 16, 2023 at 9:47 PM Dushmanta @.***> wrote:

@Mhezron https://github.com/Mhezron Hi, you haven't attached anything in your comment; please attach it. Thanks.

— Reply to this email directly, view it on GitHub https://github.com/adrianhajdin/project_fitness_app/issues/19#issuecomment-1550187605, or unsubscribe https://github.com/notifications/unsubscribe-auth/AH3TOT67P766YJFPIDY2RXLXGPDV3ANCNFSM6AAAAAARHDQ4BY . You are receiving this because you were mentioned.Message ID: @.***>

dushmanta05 commented 1 year ago

Hey @Mhezron, I would recommend using GitHub to comment and post instead of Gmail. Your files are not showing up yet; it's just the names of the files.

Mhezron commented 1 year ago

okay here is my repo @.***:Mhezron/fitness-app.git https://github.com/Mhezron/fitness-app.git

On Wed, May 17, 2023 at 4:19 AM Dushmanta @.***> wrote:

Hey @Mhezron https://github.com/Mhezron, I would recommend using GitHub to comment and post instead of Gmail. Your files are not showing up yet; it's just the names of the files.

— Reply to this email directly, view it on GitHub https://github.com/adrianhajdin/project_fitness_app/issues/19#issuecomment-1550553408, or unsubscribe https://github.com/notifications/unsubscribe-auth/AH3TOT4LVJSKFL7QEADENX3XGQRSTANCNFSM6AAAAAARHDQ4BY . You are receiving this because you were mentioned.Message ID: @.***>

dushmanta05 commented 1 year ago

@Mhezron I'll take a look and let you know.

Mhezron commented 1 year ago

Cool, thanks!

On Wed, 17 May 2023, 12:57 Dushmanta, @.***> wrote:

@Mhezron https://github.com/Mhezron I'll take a look and let you know.

— Reply to this email directly, view it on GitHub https://github.com/adrianhajdin/project_fitness_app/issues/19#issuecomment-1551099878, or unsubscribe https://github.com/notifications/unsubscribe-auth/AH3TOT7YE5SG3MBI6MAQZBDXGSOKDANCNFSM6AAAAAARHDQ4BY . You are receiving this because you were mentioned.Message ID: @.***>

MujeebSulayman commented 1 year ago

You’ve exceeded your exerciseDB quota, you’ll need to upgrade to a higher package or just link your card details to the exerciseDB, making it look like you’re buy a newer plan. I’ll work that way.

Mhezron commented 1 year ago

I think the problem is the application is sending too many requests (reason for error code 429) that It exhausts my quota even before it can display anything. If I upgrade there's still a likelihood the quota will be exhausted. How can we stop this

On Wed, May 17, 2023 at 8:09 PM The Hemjay @.***> wrote:

You’ve exceeded your exerciseDB quota, you’ll need to upgrade to a higher package or just link your card details to the exerciseDB, making it look like you’re buy a newer plan. I’ll work that way.

— Reply to this email directly, view it on GitHub https://github.com/adrianhajdin/project_fitness_app/issues/19#issuecomment-1551775750, or unsubscribe https://github.com/notifications/unsubscribe-auth/AH3TOT3ILPD4JASFCDR7QNTXGUA6HANCNFSM6AAAAAARHDQ4BY . You are receiving this because you were mentioned.Message ID: @.***>

sidhu2002 commented 9 months ago

im also having the same problem here, I'm a beginner to reactjs. Screenshot 2024-01-20 171058 Screenshot 2024-01-20 171109

sidhu2002 commented 9 months ago

never mind, fixed it!

Doobiii commented 8 months ago

never mind, fixed it!

how?? I'm getting same error after deployment of my project.. before that it was running fine... image

Mhezron commented 8 months ago

please check your exerciseDB Rapid API requests how many left? I think you've exhausted your API limit

On Mon, Feb 12, 2024 at 10:33 AM Doobii @.***> wrote:

never mind, fixed it!

how?? I'm getting same error after deployment of my project.. before that it was running fine... image.png (view on web) https://github.com/adrianhajdin/project_fitness_app/assets/98264888/3fb3e68f-d76e-4fe5-9187-c4c13ea95d6b

— Reply to this email directly, view it on GitHub https://github.com/adrianhajdin/project_fitness_app/issues/19#issuecomment-1938170288, or unsubscribe https://github.com/notifications/unsubscribe-auth/AH3TOTYD6PSIVHWADCKH233YTHAUJAVCNFSM6AAAAAARHDQ4B2VHI2DSMVQWIX3LMV43OSLTON2WKQ3PNVWWK3TUHMYTSMZYGE3TAMRYHA . You are receiving this because you were mentioned.Message ID: @.***>

Doobiii commented 8 months ago

please check your exerciseDB Rapid API requests how many left? I think you've exhausted your API limit On Mon, Feb 12, 2024 at 10:33 AM Doobii @.> wrote: never mind, fixed it! how?? I'm getting same error after deployment of my project.. before that it was running fine... image.png (view on web) https://github.com/adrianhajdin/project_fitness_app/assets/98264888/3fb3e68f-d76e-4fe5-9187-c4c13ea95d6b — Reply to this email directly, view it on GitHub <#19 (comment)>, or unsubscribe https://github.com/notifications/unsubscribe-auth/AH3TOTYD6PSIVHWADCKH233YTHAUJAVCNFSM6AAAAAARHDQ4B2VHI2DSMVQWIX3LMV43OSLTON2WKQ3PNVWWK3TUHMYTSMZYGE3TAMRYHA . You are receiving this because you were mentioned.Message ID: @.>

No, Ihave already change my API id which new Id,, but still same error

sidhu2002 commented 8 months ago

Hi Doobii, for me it was my API req, after changing it begun to run on my device.

infinite1400 commented 8 months ago

exercises.slice is not a function is due to the fact that useEffect in Exercises.js is populating the exercises state but in the mean time it goes further and sees exercises.slice function and the exercise is not yet populated and slice function is working the exercise variable i did that after the useEffect i put a conditional statement that it exercise.length==0 then in mean time load a infinity component and after it is populated with data then go further and see exercises.slice function. Atteching a ScreenShot for further clearification. image