עזרה דחופה! react, node.js, mongoDB

[bini boo]

יש לי פרויקט ראקט+ נוד+ מונגו,
הכל תקין, עובד תקין, מסדי נתונים מוגדרים טוב, כל הספריות הדרושות מותקנות, אך בנסיון להתחבר לאתר (login או signup) אני מקבלת את השגיאות הבאות. :

Uncaught TypeError: Cannot read properties of undefined (reading 'main')

Uncaught TypeError: Cannot read properties of undefined (reading 'dark')

The above error occurred in the <MuiButtonRoot> component:

מישהו יודע על מה מדובר? אלו שגיאות מערכת כאלה, לא מצביעות על אזור ספציפי בקוד.
תודה מראש!

 

[java]

אין לי זמן להתעמק,
אבל זה נראה קשור לספריית העיצוב (material ui)
יכול להיות שחסר לך install מסוים או import כלשהו.

 

[bini boo]

אין לי זמן להתעמק,
אבל זה נראה קשור לספריית העיצוב (material ui)
יכול להיות שחסר לך install מסוים או import כלשהו.

זה באמת מה שעלה משיטוט מהיר בגוגל אבל כל הספריות מותקנות טוב. לא מצליחה להבין מה נהיה איתו.

 

[java]

זה באמת מה שעלה משיטוט מהיר בגוגל אבל כל הספריות מותקנות טוב. לא מצליחה להבין מה נהיה איתו.

אולי theme?
בכל מקרה, הייתי מתחילה בלהחליף את הכפתור לפשוט של html כדי לראות אם זה עובד בלי, או שהבעיה כבר בשלב הבניה.

 

[bini boo]

אולי theme?
בכל מקרה, הייתי מתחילה בלהחליף את הכפתור לפשוט של html כדי לראות אם זה עובד בלי, או שהבעיה כבר בשלב הבניה.

השאלה היא איזה כפתור.

 

[java]

השאלה היא איזה כפתור.

login/signup

 

[בינה מלכותית]

עדיין רלוונטי?
רוצה עזרה בהשתלטות מרחוק?

 

[bini boo]

עדיין רלוונטי?
רוצה עזרה בהשתלטות מרחוק?

תודה רבה!
הגשתי את הפרויקט כולל השגיאות, וכתבתי לבודק את האמת. שיש שגיאות שלא אני ולא המתרגל של המכללה ולא אף אחד הצליח לפתור. שינסה לפתור אותן ורק אז יוריד לי ציון.
גם הוא לא הצליח ולכן נתן לי ארכה להחליף את ספריית mui שבה השתמשתי ובגללה מתקבלות שגיאות- לספריה עיצובית אחרת.
אז כרגע אני שם, אם אצטרך עוד עזרה- אכתוב פה.
תודה!

 

[עילום]

שגיאה כזאת קורה בדר''כ ששמים את המשתנה אחרי שכבר משתמשים בה
בקימפול מתבצע hoisting

Hoisting - MDN Web Docs Glossary: Definitions of Web-related terms | MDN

JavaScript Hoisting refers to the process whereby the interpreter appears to move the declaration of functions, variables, classes, or imports to the top of their scope, prior to execution of the code.

developer.mozilla.org

JavaScript Hoisting

W3Schools offers free online tutorials, references and exercises in all the major languages of the web. Covering popular subjects like HTML, CSS, JavaScript, Python, SQL, Java, and many, many more.

www.w3schools.com

זכור לי שרן בר זיק גם כותב על זה - אולי בספרו

תמיד כדאי ללמוד קודם את יסודות של JS וגם איך היא עובדת וסדר פעולותיו

בהצלחה רבה

 

[ias]

סליחה שאני קופצת על האשכול...
יש לי 2 שאלות בריאקט וNODE.JS
איך מעלים הסרטה מהCLIENT?
ואיך חוסמים אפשרות הורדה של הסרטות מאמרים והקלטות?

 

[עילום]

איך מעלים הסרטה מהCLIENT?

<input type="file"> - HTML: HyperText Markup Language | MDN

<input> elements with type="file" let the user choose one or more files from their device storage. Once chosen, the files can be uploaded to a server using form submission, or manipulated using JavaScript code and the File API.

developer.mozilla.org

ואיך חוסמים אפשרות הורדה של הסרטות מאמרים והקלטות?

אם אפשר לראות אפשר להוריד/להקליט - אפשר רק להקשות
מתחיל בחסימת קליק ימני ועד שימוש בשירותי סטרימינג חיצוניים