עזרה | יצרתי אפליקצייה באמצעות AI סטודיו ואני לא מצליח לפתוח אותה
-
יצרתי אפליקציה באמצעות סטודיו בתצוגה המקדימה בסטודיו אני רואה את התוכנה והיא עובדת מצויין, אבל כשאני מוריד את התוכנה למחשב ופותח את דף הHTML הוא לא מראה כלום רק דף ריק, גם כשהעליתי את האפליקצייה לגייטאהב ופרסתי אותה הוא מראה לי את הדף HTML הריק
מה יכול להיות הבעיה? -
יצרתי אפליקציה באמצעות סטודיו בתצוגה המקדימה בסטודיו אני רואה את התוכנה והיא עובדת מצויין, אבל כשאני מוריד את התוכנה למחשב ופותח את דף הHTML הוא לא מראה כלום רק דף ריק, גם כשהעליתי את האפליקצייה לגייטאהב ופרסתי אותה הוא מראה לי את הדף HTML הריק
מה יכול להיות הבעיה? -
@דוד-ארן דבר ראשון תעשה הפניה מקובץ הHTML לקובץ הTS הראשי
על ידי שתשים בסוף ה-body את הקוד הזה:<script type="module" src="שם הקובץ"></script>תחליף את "שם הקובץ לשם של קובץ ה-TS
ממה שאני יודע ברוב הפעמים ה-AI יקרא לקובץ "index.tsx" או משהו דומה
אחרי שעשית את זה יש לך שתי אפשרויות:
1: לפרוס את זה בסביב האחרת כמו VERCEL שמצד אחד הוא יותר משתלם מבחינת הדומיין של האתר אבל מצד שני האתר יצטרך בדיקה בנטפרי ולא ייפתח מייד:
תעלה את הקוד לגיטאהב ואז תכנס לכאן ותירשם עם גיטאהב
אחרי שנרשמת תוסיף פרוייקט חדש
דוגמא:
ואז תבחר את ה-ריפו בגיטאהב שאליו העלית את הקוד של האתר ותלחץ על Deploy
תחכה קצת ותקבל את הקישור לאתר
2: לפרוס דרך הגיטאהב - שזה יותר מסובך אבל האתר נפתח מייד:
תעלה את הקוד לגיטאהב ואז תכנס להגדרות (תלחץ על Settings)
בתפריט שבצד תלחץ על Pages ושם תחת Source תבחר ב-GitHub Actions
דוגמא:
אחר כך תכנס ל-Actions ותלחץ על Set up a workflow yourself
דוגמא:
ואז ייפתח לך ממשק של עריכת קוד אתה צריך להדביק שם קוד מסוים
שיהווה סוג של הוראות לגיטאהב איך לפרוס את האתר שלך - אני יכול לכתוב כאן את הקוד שאני הכנסתי שם - אבל נראה לי שזה משתנה לפי האתר והקוד הספציפי שלך אז אולי כדאי שתעלה כאן את הקוד ומי שיותר מבין בזהולא כמוני שרק מייבין במקצת
יוכל לעזור לך עם הקוד הספציפי הזה
בהצלחה!
 { const baseUrl = "https://www.google.co.il/search?q=site:mitmachim.top"; const m = location.pathname.match(/^\/(topic|category)\/(\d+)/); const type = m ? m[1] : null; const id = m ? m[2] : null; let searchInput; function search(path = "") { const query = searchInput.value.trim(); if (query) { window.open(`${baseUrl}${path}%20${encodeURIComponent(query)}`, "_blank"); } } let buttons = {}; buttons.searchAll = { id: "bb-search-all", label: `חיפוש ${type ? "בכל הפורום" : ""}`, className: type ? "btn-secondary" : "btn-primary", callback: () => search(), }; if (type === "topic") { buttons.searchTopic = { label: "חיפוש בנושא זה", className: "btn-primary", callback: () => search(`/topic/${id}`), }; } else if (type === "category") { buttons.searchCategory = { label: "חיפוש בקטגוריה זו", className: "btn-primary", callback: () => search(`/category/${id}`), }; } buttons.cancel = { label: "ביטול", className: "btn-default", "data-bs-dismiss": "modal" }; const dialog = bootbox.dialog({ title: '<div style="text-align:center;"><img src="/assets/uploads/files/1625950269825-mt-google.png" width="400" alt="חיפוש בגוגל"></div>', message: '<input id="bb-inp" class="bootbox-input bootbox-input-text form-control" placeholder="הקלידו כדי לחפש בגוגל" autocomplete="off"/>', buttons, backdrop: true, show: true, onEscape: true }); dialog.on("shown.bs.modal", function () { searchInput = document.getElementById("bb-inp"); if (searchInput) { searchInput.focus(); searchInput.addEventListener("keydown", function (e) { if (e.key === "Enter") { e.preventDefault(); const query = this.value.trim(); if (query) { search(); dialog.modal("hide"); } } else if (e.key === "Escape") { e.preventDefault(); dialog.modal("hide"); } }); } const searchAllButton = document.getElementById("bb-search-all"); if (searchAllButton) { searchAllButton.title = "לחצו על אנטר כדי לחפש"; } }); })(); void 0;){kind=link}