uni-app 编译app时图片不显示

Chowhound_G

于 2024-08-14 06:00:52 发布

阅读量251

点赞数 2

文章标签： uni-app java 前端

本文链接：https://blog.csdn.net/Chowhound_G/article/details/141179426

版权

<img class="swiper-pic" src="/static/pic/image.png" alt="" />

把img改为image即可

<image src="/static/pic/image.png" alt="" />

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

Chowhound_G

关注关注

2
点赞
踩
0

收藏

觉得还不错? 一键收藏
1
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

uni-app下载插件报错时plugins.7z

08-11

在开发基于Vue.js框架的uni-app项目时，我们经常需要使用到各种插件来扩展功能。然而，在尝试下载和安装这些插件时，有时会遇到一些错误，这可能会影响项目的正常进行。"uni-app下载插件报错时plugins.7z"这个文件名...

uni-app-template:uni-app基础模板

04-01

"uni-app-template:uni-app基础模板" 是一个基于Vue.js框架的前端开发模板，专为构建多端应用而设计。Uni-app是一个由Egret Wing团队开发的开源框架，它允许开发者使用Vue语法来编写一次代码，然后可以跨平台运行在...

1 条评论您还未登录，请先登录后发表或查看评论

uniapp将微信小程序运行到真机调试 ———本地图片不显示的问题

m0_63548381的博客

11-06

3193

在image组件中使用相对路径加载本地图片资源，在微信开发者工具里面正常显示，但使用真机调试却无法显示。然后将使用代码转换的base64和使用在线图片转base64网站转换的对比了一下，发现问题。然后使用了这位老哥封装的代码，发现真机和微信开发者工具都无法显示了。之后真机成功显示出svg图标和png图片。看了这个大佬的文章发现原因所在。写死了，所以把这段代码稍作修改。

解决uniapp打包h5后，图片显示不出来的问题

weixin_44431073的博客

05-17

1905

使用uniapp开发h5页面，发行后，在正式环境中图片加载不出来，但是本地是正常的。在需要使用路径的地方，这样写。

uniapp 静态图片不显示

mtl1994的博客

02-22

2668

uniapp 静态图片不显示之前是这样 <img class="bgimg" src="../../../static/loginbg.png" alt=""> 项目场景：uniapp 静态图片不显示提示：这里简述项目相关背景：例如：项目场景：示例:通过蓝牙芯片(HC-05)与手机 APP 通信，每隔 5s 传输一批传感器数据(不是很大) # 问题描述：用这种方式在web可以展示，但是在安卓真机测试没有 <img class="bgimg" src="../../../sta

uni-app动态加载图片图片不显示

qq_46030883的博客

05-06

7399

uniapp图片加载不出来的解决方案 //分为两种 1 2 //第一种 //使用v-bind + require 1 2 3 4 5 //第二种 //第一种可以解决99%的问题，若有1%的没解决，可以使用background-image属性 background-image:url(…/…/static/picture.png); //使用图片的最好是，本地图片使用背景图，万无一失，网络图片使用image src。 ...

uniapp image图片显示问题

最新发布

qq_56144522的博客

07-31

1891

1.起初是认为在uniapp开发wx小程序是不允许采用加载本地资源的问题，发现可以在css样式中引入通过background-image：url（）中可以显示出来问题，但是通过image去引入就发现图片显示不出来，报 “图片不能从本地加载”error。*在UniApp中，相对路径的解析也会受到框架的影响，因为UniApp将代码编译成小程序代码时可能会进行一些路径的转换。在小程序中，相对路径的解析可能会受到文件结构的影响，确保相对路径的正确性。在UniApp的项目结构中，将图片文件放在特定的目录（如。

uniapp图片不显示

weixin_43110440的博客

09-16

3791

uni-app图片不显示检查图片路径是否含有中文，有中文在移动端不显示

uniapp基于安卓平台动态展示static图片不显示问题解决方法

个人工作学习内容总结

07-05

3106

和微信小程序对比只是在/static前加“.” 安卓app在生成基座或者打包之后，他的static文件夹与html同级别，所以在添加路径的时候一定要在/static前加“.” 并且在添加image的路径的时候必须是单引号，否则也会导致不显示 <view v-html="item"></view> export default{ data(){ return{ test:"<image src='./static/image/emoji/113.gif' sty

uni-app 自定义底部导航栏uni-app-bottom-navigation-master.zip

12-17

"uni-app 自定义底部导航栏uni-app-bottom-navigation-master.zip" 是一个针对uni-app框架的项目，其核心功能是实现自定义底部导航栏。uni-app是一个多端开发框架，允许开发者使用一套代码生成包括iOS、Android、H5...

uni-app使用微信小程序云函数的步骤示例

10-15

例如，可以创建名为`functions`的文件夹，并在其中放入任意文件，如`new_file.css`，确保在编译为小程序时，`cloudfunctions`文件夹会被创建并显示在微信小程序开发平台中。接下来，我们需要配置uni-app的`...

仓库是 uni-app 开发的微信小程序端，通过条件编译能兼容 H5 端和 App 端

04-03

"仓库是 uni-app 开发的微信小程序端，通过条件编译能兼容 H5 端和 App 端"这个项目，恰好展示了如何利用统一的框架解决跨平台开发的问题。下面将详细解析其中涉及的技术点和知识点。首先，`uni-app` 是一个由...

关于uniapp使用v-for遍历本地图片不显示的问题

m0_63548381的博客

06-14

1226

不管是相对路径和绝对路径都可以，但是这里的绝对路径不能使用@/的形式。但是你去用的时候就会报错提示。

uniapp图片无法显示

热门推荐

progrmmmm的博客

01-13

2万+

首先确定是在什么环境下不展示图片，确定你的标签是<img>还是<image>,确定你是网页不展示图片还是真机模拟不展示图片,请对应问题查找方法。一、引用本地文件中存储的图片 (1)真机环境 (2)网页环境二、引用localhost或者127的本地服务器图片 (1)真机环境 (2)网页环境三、引用本地服务器开启的端口的图片 (1)真机环境 (2)网页环境四、富文本...

uni-app在手机上打开背景图片不显示

weixin_49577940的博客

09-27

1336

uni-app在手机上打开背景图片不显示

uni-app——uniapp 中 image 动态引用图片不显示

qq_43201350的博客

12-08

2080

uni-app——uniapp 中 image 动态引用图片不显示

uniapp 之 uniapp 填坑之路 —— 静态图片在 nvue 页面不显示，vue 页面正常

Gochan_Tao的博客

06-14

8044

原因： nvue 页面不支持本地图片绝对路径，vue 都支持解决方法：只需要将绝对路径改为相对路径即可

使用uni-app搭建的企业OA app

03-23

在这个文件夹中，通常会包含uni-app的项目结构，如`pages`目录用于存放各个页面的代码，`static`或`assets`目录用于存储静态资源如图片、字体文件，`unpackage`目录则包含了编译后的各平台打包资源。此外，可能还有`...

uni-app从入门到精通-10311421.pdf

05-28

uni-app提供了条件编译优化，可以优雅的为某平台写个性化代码、调用专有能力而不影响其他平台。uni-app打包到App时仍然使用了5+引擎，5+的所有能力都可以在uni-app中可以使用。 uni-app的开发涉及到多个方面，包括...

uniapp 组件内图片显示不出来，发布H5却可以显示

荷塘粤色的专栏

05-29

409

uniapp 组件内图片显示不出来，发布H5却可以显示。检查发现组件内用<img>元素。改为<image>元素显示，正常。