在android上的cordova app中使用web pack build时发现文件未找到错误

Question

我想包装一个基于反应的Web应用程序,该应用程序使用webpack在Android设备的cordova容器中构建.我成功构建了适用于iOS的cordova应用程序,一切正常.但是,在为Android构建时,使用webpack的文件加载器在javascript中需要的静态资源(如图像和字体)未正确加载.Web视图尝试加载所有资源,如图像来自 file:///android_asset/www/build/myImage.png,但记录文件未找到错误.如果我通过图像标记直接在index.html中链接 - 例如 - 相同的图像,则图像被正确加载,但是更改webpack配置文件中的publicPath属性不起作用.

很感谢任何形式的帮助.

非常感谢提前

Answer 1

我的暴力解决方案：

\n\n

Pre-React Build：将“homepage”：“./”添加到 app\xe2\x80\x99s package.json。

\n\n

React 后构建和 Cordova 前运行 Android：在 www/static/js 中，查找/替换 \xe2\x80\x9cstatic/media\xe2\x80\x9d 为 \xe2\x80\x9candroid_asset/www/static/media\ xe2\x80\x9d 表示 main###.js 文件（不是 .map 文件）中的所有图像/pdf 文件。

\n