vant组件自定义图标打包后404线上无法显示

最新推荐文章于 2024-02-02 16:11:50 发布
最新推荐文章于 2024-02-02 16:11:50 发布
阅读量498 收藏
点赞数
文章标签： 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/JUEESSS/article/details/123817066
版权

可能是路径问题，但是直接image是可以显示，在组件插槽里就是无法显示，不清楚原因，用uni.getImageInfo将图片链接转为本地链接就可以显示了

JUEESSS
关注
移动端项目（vue2+vant组件库）
qq_45585640的博客
06-23 7047
在命令行中输入以下命令创建 Vue 项目： 这里建议两个都选上，更严谨。 这里建议选择第 1 个，保存到单独的配置文件，这样方便我们做自定义配置。 安装结束，命令提示你项目创建成功，按照命令行的提示在终端中分别输入： [外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-UynFzUoP-1654274042910)(assets/1582010300149-9932febe-2625-4ee7-986f-9190ab449fec.png)]如
使用原生开发高仿瑞幸小程序（一）：使用 Vant 组件库和配置多页面
指尖泛出的繁华
05-15 2320
本文由图雀社区认证作者曾伟@喵先森写作而成，图雀社区将连载其使用原生开发高仿瑞幸小程序系列，点击阅读原文查看作者的 infoQ 链接，感谢作者的优质输出，让我们的技术世界变得更加美...
打包后icon图标不显示
weixin_42683639的博客
02-17 1007
icon，资源路径，css，打包
Vue： van-image使用本地图片报错404
qq_41425646的博客
05-25 640
van-image引用本地图片
vant配置多站点，新增站点报错404
失眠因为想太多
11-04 375
配置homestead.yaml文件 添加文件夹映射，域名目录映射（注意映射到入口文件那层） 2.配置hosts文件 3.reload vagrant(重载修改后的配置文件) vagrant provision&&vagrant reload #重载完配置之后开启vagrant vagrant up && vagrant ssh 4.重启一下nginx service nginx restart 5.成功打开新添加的站点 ...
Vue进阶（贰零肆）：vant van-image无法读取本地图片
IT全栈 华强工作室
11-29 5297
vant中的van-image组件的src当要引用本地的图片时，直接写图片的路径在vue项目中会刷不出图片（但用标签可以显示 ）。
解决vant图标放正式环境不显示问题
qq_41283061的博客
07-07 1818
在mian.js导入 import ‘vant/lib/icon/local.css’
自定义 tabBar 在切换 tab 时会使 tabBar 消失
han_calligrapher的博客
06-05 1710
app.json和页面json 文件中引用自定义的tabbar组件，引发的系列页面错乱问题： 1、出现问题的机型： ios、android均会出现（如iphone8plus、iphoneX、三星s8） 2、微信版本号: 7.0.12 3、出现问题的时间：2020年6月5日上午11点左右到下午14点左右 4、未改任何代码，线上版本、体验版都自动恢复正常，时间：2020年6月5日下午14点左右之后。 现将出现问题的场景和方案描述如下： 调试工具显示正常，手机预览和真机调试异常 场景一：自定义 ta
Vue 移动端 实战一项目初始化 创建项目、git版本管理、调整初始结构、导入图标素材、引入vant、移动端 rem适配、.postcssr配置介绍、封装axios
m0_55170432的博客
06-11 311
项目初始化 目标 能使用 Vue CLI 创建项目 了解 Vant 组件库的导入方式 掌握制作使用字体图标的方式 掌握如何在 Vue 项目中处理 REM 适配 理解 axios 请求模块的封装 1.0 使用 Vue CLI 创建项目 如果你还没有安装 VueCLI，请执行下面的命令安装或是升级 npm install --global @vue/cli 在命令行中输入以下命令创建 Vue 项目： vue create toutiao-m （-m 表示的移动端） Vue CLI v4
vue 头条项目
i2270626407的博客
03-07 338
一、项目初始化 目标 能使用 Vue CLI 创建项目 了解 Vant 组件库的导入方式 掌握制作使用字体图标的方式 掌握如何在 Vue 项目中处理 REM 适配 理解 axios 请求模块的封装 #1、使用 Vue CLI 创建项目 如果你还没有安装 VueCLI，请执行下面的命令安装或是升级： npm install --global @vue/cli // 全局安装脚手架 1 在命令行中输入以下命令创建 Vue 项目： vue create toutiao-m
vite+vant+vue打包部署到tomcat静态资源找不到页面空白问题
weixin_44132285的博客
12-11 2689
1.首先要解决的是静态资源找不到的问题 需要在vite.config.js里面配置base的根目录的路径 具体操作如下： 此时配置完成之后打包放置到tomcat上静态资源加载成功但是页面还是空白 2.需要配置路由base vite是通过传参的方式配置base的 此时配置完base后重新打包 启动tomcat 页面出来了 注意：此时的base配置的名称要和你打包后放置到tomcat webapps里面的文件名要对应 比如打包生成的是dist目录你要改成mobile目录 ...
vant使用图片图标时不显示
chuxuezhe__1的博客
09-18 2883
在写项目时遇到了使用vant引用本地图片作为图标时，图标不显示的问题，代码如下： <van-cell-group v-for="(item,index) in list" :key="item.id+'id'"> <van-cell :icon="'../../assets/img'+item.id.slice(0,2)+'.png'"> {{item.goodName}} </van-cell> </van-cell-group> 从浏览器的调试器
微信小程序使用vant的Toast: import Toast from ‘path/to/@vant/weapp/dist/toast/toast‘； 报错
InterestAndFun的博客
02-22 880
问题描述 记录一下使用vant官方文档出现的一个坑，暂且不知道是不是由于版本的问题，在导入toast提示框的时候，发现无法导入这个对象 查明原因 首先第一个考虑的就是前面的 path/to 是不是有问题，机智的我马上将它改成了 ../../miniprogram_npm/@vant/weapp/dist/toast/toast 但还是出现了问题 这没办法了，只能按包去查找，是不是真的有这个文件，或者目录出现了错误 果然，根本就没有dist这个目录！！在下面能找到toast这个目录，那问题就已经解决了
vue移动端项目使用vant的Image组件，src为本地图片报错404 (Not Found)
weixin_49021184的博客
06-10 610
require()为加载模块机制，在这相当于引入图片。
vue：使用require动态加载本地图片报错找不到模块
m0_49623851的博客
10-11 3250
使用require动态加载本地图片报错找不到模块
前端404页面的制作
shi450561200的博客
11-16 902
前端开发经常遇到输入路径不存在的问题，为此，把之前项目的404拿出来供大家参考。代码很简单，适合新手入手。
vue中使用vant组件toast.loading的坑
YY_WYG的博客
06-24 3082
vue使用vant的坑
Vue3 vant4 解决引入的Toast和dialog样式丢失的bug
HaushoLin的博客
02-02 2121
Vue3 vant4 解决引入的Toast和dialog样式丢失的bug
vant Grid组件图片加载问题 无法加载本地图片解决方案
莹儿的博客
07-08 4633
我们引入图片直接用官网给的icon来加载案图片 <van-grid square> <van-grid-item v-for="(item,index) in gridtextlist" :key="index" :text="item.text" :icon="item.photo" /> {{item}} </van-grid&g
vant如何自定义图标
最新发布
09-09
在你的Vue组件中，你可以使用Vant的Icon组件，但这次引入自定义图标。例如： ```vue import VanIcon from 'vant/lib/icon'; import 'vant/lib/icon/style'; export default { components: { 'van-...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值