Innerhalb meiner reaktionsnativen App möchte ich eine Webansicht anzeigen, die eine lokale HTML5-Webanwendung (Single-Page-App, SPA) lädt.
Ich kann eine HTML-Datei laden, die sich im relativen Ordner webapp mit
und
%Vor%Wie ich in diesem Thread gesagt habe: reagieren native Webview Laden aus dem lokalen Dateisystem des Geräts
Leider werden die Assets dieser lokalen Webanwendung wie die .js- und .css-Dateien nicht von der Webanwendung geladen.
Während der Entwicklung der reaktionsnativen App sind diese Dateien über den Entwicklungsserver verfügbar. Wenn die App jedoch gepackt und auf einem iOS-Gerät ausgeführt wird, sind die Assets nicht verfügbar (ich erhalte einen 404-Fehler in den Safari-Entwicklertools).
Wie kann ich sicherstellen, dass alle Assets (JS, CSS usw.) im Ordner webapp in der gepackten App lokal verfügbar sind.
Durch Festlegen der baseURL weiß das WebView, wo nach css / js gesucht werden soll, mit denen Sie eine Verknüpfung herstellen
wie:
%Vor%Überprüfen Sie die Antwort auf das Problem auf GitHub:
oder lies das Beispiel zu dieser detaillierten Antwort von Nick-Weaver: Laden von JavaScript in ein UIWebView von Ressourcen
Tags und Links javascript css webview react-native single-page-application