Capacitor: شاشة بيضاء

Capacitor app opens to a white screen. Chrome inspect: Failed to load resource: net::ERR_FILE_NOT_FOUND / Uncaught SyntaxError: Unexpected token '<'

يفتح WebView ملف index.html لكن ملفات JS وCSS لا تُحمَّل بسبب مسارات خاطئة أو يرمي أول سكربت خطأ.

وصّل الهاتف بـ USB وافتح chrome://inspect على الحاسوب وراقب وحدة تحكم WebView.
إن بدأت المسارات بـ / فاكتب base: "./" في إعدادات البناء لتصير نسبية.
استخدم موجّهًا بنمط hash أو اضبط androidScheme: "https".
بعد كل تغيير نفّذ build ثم cap sync.
إن استخدمت إضافة فتأكد أن جزءها الأصلي (native) قد بُني.

chrome://inspect/#devices
npm run build && npx cap sync android
# vite.config: base: "./"
# capacitor.config: server: { androidScheme: "https" }

احتفظ بإعدادات بناء الجوال كملف تعريف منفصل واختبره على هاتف كل مرة.

المؤلف والترخيص: Nibras Code

أدلة ذات صلة