Include lokale Web-App in reagieren native Webview

Question

Innerhalb meiner Reaktion native App möchte ich eine Webansicht, die eine lokale html5 Web-Anwendung (Single-Page-App, SPA) lädt.

Ich bin in der Lage eine HTML-Datei zu laden, wird das innerhalb der relativen Ordner webapp mit

var webapp = require('./webapp/index.html'); 

und

<WebView source={webapp}></WebView> 

, wie ich in diesem Thread gesagt haben: react native webview load from device local file system

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.) innerhalb des Ordners webapp in der gepackten App lokal verfügbar sind.

Answer 1

Durch die baseURL Einstellung, weiß der WebView, wo für die css/js suchen, die Sie verlinken auf

wie:

<WebView baseURL="/webApp" html={html} /> 

Prüfung die Antwort auf die Frage auf GitHub:

https://github.com/facebook/react-native/issues/1442#issuecomment-106906969

oder die Prüfung lesen ple auf diese detaillierte Antwort von Nick-Weber: Loading javascript into a UIWebView from resources