موقع على Solta يعرض صفحة فارغة

نُشر الموقع، والرابط يُفتح، ولا شيء عليه. في أغلب الأحيان رفض المتصفح شيئًا أو توقف الكود، والمتصفح يخبرك أيّهما حدث. وإن كان ملف React يظهر فارغًا في كل مكان خارج Claude، لا على Solta وحده، فابدأ بقراءة لماذا يُفتح Artifact بلغة React من Claude فارغًا (بالإنجليزية).

أولًا، انظر إلى وحدة التحكم

افتح الموقع على عنوانه الخاص (your-site.solta.site، لا داخل Solta)، ثم افتح وحدة التحكم في المتصفح: انقر بالزر الأيمن، ثم «فحص» (Inspect)، ثم Console. أو في Chrome اضغط ⌥⌘J على Mac وCtrl Shift J على غيره. السطر الأحمر هناك هو السبب، وهو في العادة يشبه أحد الأقسام أدناه.

إن كنت صنعت الموقع بالذكاء الاصطناعي، فالصق ذلك السطر الأحمر في المحادثة نفسها. إنه أنفع ما يمكنك أن تعطيه، ويصبح الإصلاح بعدها نسخة جديدة من الموقع نفسه.

رسالة «Refused to load the script»

تحمّل الصفحة مكتبة من خادم لا يُسمح للمواقع بتحميل السكربتات منه. لكل موقع سياسة أمان محتوى (Content Security Policy) تسمح له بتحميل السكربتات من نفسه ومن شبكات CDN العامة هذه، وهي التي تستخدمها الصفحات التي يكتبها الذكاء الاصطناعي:

• esm.sh
• cdnjs.cloudflare.com
• cdn.jsdelivr.net
• unpkg.com
• cdn.tailwindcss.com
• code.jquery.com

أي <script src> من مكان آخر يُحظر، وحين يكون ذلك السكربت هو الذي يرسم الصفحة، تبقى الصفحة فارغة. حمّل المكتبة نفسها من إحدى شبكات CDN هذه (أغلب الحزم العامة موجودة على jsDelivr أو cdnjs)، أو انشر مجلدًا فيه الملف وحمّله بمسار نسبي.

توقف أثناء التشغيل

خطأ Uncaught يعني أن الكود بدأ ثم تعطّل قبل أن يرسم أي شيء. مكوّن React الذي لا يستطيع Solta تجهيزه يُرفض حين تنشره، ويظهر الخطأ. أما الذي يُجهَّز دون مشكلة فقد يتعطل مع ذلك حين يعمل: حين يقرأ شيئًا غير موجود، أو يستدعي دالة لم تعرّفها الصفحة أبدًا.

حالة شائعة في الصفحات التي تُكتب داخل محادثة: كود يستدعي دوال تطبيق المحادثة نفسه، وهي لا توجد إلا داخل ذلك التطبيق. على Solta يستدعي الموقع النموذج عبر عنوانه الخاص بدلًا من ذلك، ويحفظ البيانات عبر تخزين Solta أو تخزين المتصفح.

تعذّر العثور على حزمة مستوردة

الحزم التي يستوردها مكوّن React يجلبها متصفح الزائر من esm.sh. الحزمة غير المنشورة على npm، أو مسار إلى ملف لك لم يُرفع معه (./utils في ملف واحد ملصوق)، أو شبكة تحظر esm.sh، كلها تترك الصفحة دون شيء تشغّله. المزيد عن الاستيراد.

تطبيق مبني (build) في مجلد

يُقدَّم المجلد كما هو تمامًا، من جذر عنوان الموقع الخاص. والنسخة المبنية لمسار فرعي (/my-repo/assets/…، كما تكون غالبًا النسخة المبنية لـ GitHub Pages) تطلب ملفات غير موجودة. ابنِ للجذر (في Vite: base: "./" أو "/")، وارفع ما أنتجه البناء، مع index.html في المستوى الأعلى، لا الكود المصدري للمشروع.

يحتاج إلى خادم

الصفحة التي تجلب البيانات من localhost، أو من عنوان http:// عادي، أو من API لا تسمح لمواقع أخرى باستدعائها، لا يصلها شيء، وكثير من الصفحات لا ترسم شيئًا حتى تصل تلك البيانات. لا يشغّل Solta أي كود خادم خاص بك. هنا يقع ذلك الحد.

جزء منه فقط فارغ

الإطار (frame) القادم من موقع آخر داخل موقعك يبقى فارغًا بينما يعمل الباقي: يستطيع الموقع أن يعرض في إطار صفحاته الخاصة ومشغّلات YouTube وVimeo وGoogle Maps وSpotify وSoundCloud وLoom، باستخدام عنوان التضمين الخاص بكل منها (مثل youtube.com/embed/…). وأي شيء آخر، ضع رابطًا إليه.

ما زال فارغًا بعد كل هذا؟ استخدم أبلغ عن مشكلة من قائمة الموقع: يرسل إلينا النسخة التي تنظر إليها، ونتحقق منها.