Fai*_*aiz 5 cordova reactjs create-react-app
我正在使用reactjs包装我已经构建的Web应用程序，并使用cordova包装create-react-app以制作移动应用程序。我的页面上的静态图像有问题。一个图像显示在应用程序上，而其他图像则不显示。在浏览器上，一切正常。
我尝试了2种方法。
import img from ...（图像的相对路径），然后将其用作img src={img} /。当我这样做时console.log(img)，它将在build文件夹中显示图像文件的路径，例如- ./static/media/img_name.extension。现在我要做的npm build是在wwwcordova目录的文件夹中创建整个构建（静态文件夹）。（就像我在package.json中所做的那样"build-js": "react-scripts build",
"build": "npm-run-all build-css build-js && cp -a ./build/. ../cordova/www/",）。然后我最终cordova build android创建了staticbuild内部的整个文件夹platforms/android/assets/www/static。在static内部，我们有包含所有图像的媒体文件夹。现在，我将附加两个chrome：inspect图像，它们将显示img标签（1）和（3）具有相同的路径样式，但是（1）却显示（2）没有。链接在这里 ：！[元素] :( https://imgur.com/a/qCtygxp）！[来源] :( https://imgur.com/a/qCtygxp）
第二个链接显示了文件结构的快照，如图所示是在chrome上进行检查时的来源。因此static，有一个文件夹，其中有另一个文件夹media。这包含正在显示的第一张图像。其余未显示的将进入内部static/media。我不知道这是怎么发生的以及为什么发生。
public。我做了图像文件夹，并将图像放在那里。然后在img标签中，我确实是这样<img src="/images/diversity_1.png"。这适用于网络浏览器，但不适用于cordova应用。尽管在检查时有一个包含该图像的图像文件夹。同样在第一个链接上标记为（2）的元素中，我们可以看到路径指向正确。最后要说的是我在package.json中添加了这一行 "homepage": "./"
希望我已经清楚地解释了我的问题。让我知道是否需要进一步澄清。
我必须添加"homepage": "."（不带/）来package.json让 android 加载文件。
我也使用过这个指南：
| 归档时间： |
|
| 查看次数： |
370 次 |
| 最近记录： |