Capacitor: beyaz ekran

Hata metni

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

Neden

WebView index.html'i açar ama yol hatası yüzünden JS ve CSS dosyaları yüklenmez ya da ilk betik hata verir.

Adım adım çözüm

1. Telefonu USB ile bağla, bilgisayarda chrome://inspect aç ve WebView konsoluna bak.
2. Yollar / ile başlıyorsa build ayarında base: "./" yaz ki yollar göreli olsun.
3. Hash router kullan ya da androidScheme: "https" ayarla.
4. Her değişiklikten sonra build ve cap sync yap.
5. Eklenti kullanıyorsan native tarafının derlendiğinden emin ol.

Örnek komutlar

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

Tekrarlanmasın diye

Mobil build ayarlarını ayrı profil olarak tut ve her seferinde telefonda dene.

Yazar ve lisans: Nibras Code