Cordova: el enrutamiento no funciona en React Application
Tengo una aplicación React existente y estoy tratando de portarla a iOS y Android.
Logré ejecutar la aplicación en iOS simplemente cambiando de rutas regulares a rutas hash.
import { createBrowserHistory, createHashHistory } from 'history';
import { IS_HYBRID_APP, IS_PROD } from 'utils/environment';
export const history = window.cordova ? createHashHistory() : createBrowserHistory();
const connectRouterHistory = connectRouter(history);
in embargo, este enfoque no funcionó en Android. La navegación está rota.
¿Algún consejo
CONTEXTO
Los pasos que hice son:
CONFIGURACIÓN DEL MEDIO AMBIENTE:
npm install -g cordova
Java 8 instalado (las versiones superiores a 8 no son compatibles)Installed Android Studio Agregué JAVA_HOME, ANDROID_HOME y GRADLE_HOME a mi RUTA - Agregué el emulador a la rutaInstaleó la ejecución correcta de SDK: SDKmanager "plataforma-herramientas" "plataformas; Android-27" Agregó un emulador en Android StudioAPP PREP Y LANZAMIENTO:
npm install
cordova platform add android
rm -rf www
react-app-rewired build
// vvv - injects the cordova script and the CSP meta tags into build/index.html
node config/hybrid-app-build.js
mv build www
cordova start android
esultado @Same tanto en el emulador como en un dispositivo real. La ruta no funciona correctamente mientras todo lo demás parece estar correctamente en su lugar.