File error not found when using webpack assembly in cordova app on Android

Question

I want to wrap a reaction-based web application that is created using webpack in Cordova for an Android device. I have successfully built cordova app for iOS and everything is working fine. However, when building for android, static resources such as images and fonts that are required in javascript using the webpack file loader are not loaded correctly. The file:///android_asset/www/build/myImage.png tries to download all resources, such as the image from file:///android_asset/www/build/myImage.png , but the log was not found. error. If I reference - for example - the same image directly in index.html via the image tag, the image loads correctly, but changing the publicPath attribute in my webpack configuration file does not work.

Any help is greatly appreciated.

Thank you very much in advance

Answer 1

My brute force solution:

Pre-React Build: Add "homepage": "./" to apps package.json.

Post-React Build and Pre-Cordova Run Android: in www / static / js, find / replace "static / media" with "android_asset / www / static / media" for all image / pdf files in main # ##. js file (not a .map file).