Capacitor: ağ ekran

Xəta mətni

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

Səbəb

WebView index.html-i açır, amma JS və CSS faylları yolun səhvi səbəbindən yüklənmir və ya ilk skript xəta verir.

Addım-addım həll

1. Telefonu USB ilə qoş, kompüterdə chrome://inspect aç və WebView konsoluna bax.
2. Yol / ilə başlayırsa, build ayarında base: "./" yaz ki, yollar nisbi olsun.
3. Router hash rejimində olsun ya da androidScheme: "https" işlət.
4. Hər dəyişikliyin ardınca build və cap sync et.
5. Plugin işlədirsənsə, onun native tərəfinin qurulduğunu yoxla.

Nümunə əmrlər

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

Təkrarlanmasın deyə

Mobil üçün build ayarlarını ayrıca profil kimi saxla və hər dəfə telefonda sına.

Müəllif və lisenziya: Nibras Code