javascript CapacitorJS不显示图像

rqdpfwrv  于 2023-05-21  发布在  Java
关注(0)|答案(1)|浏览(143)

CapactiorJS不会加载图像,如果他们是在javascript文件中调用。
我得到了一个CapacitorJS项目,它工作正常,除了当我试图调用一个图像文件,如在示例1中,它不显示,但示例2的作品。另外,如果我只是在index.html中添加img html标签,它也会显示。我还尝试将路径更改为“./img/logo.png”,并尝试在公共文件夹中创建“img”文件夹,但一旦我运行“npm run build”,该文件夹就会被删除。(当然,我知道可以使用css)。
示例1:(不工作)

document.getElementById('root').innerHTML = `<img id="logo_apps" style="width:110px;" src="img/logo.png" />`;

实施例2:(工作)

document.getElementById('root').innerHTML = `<img id="logo_apps" style="width:110px;" src="https://google.com/img/logo.png" />`;
tv6aics1

tv6aics11#

通过像这样导入图像修复:
import logoImage from '../img/logo.png';
然后使用logoImage作为图像路径的变量。

相关问题