vue引用require图片路径时，当找不到此图片时，报错解决方法

最新推荐文章于 2024-08-16 10:46:54 发布
最新推荐文章于 2024-08-16 10:46:54 发布
阅读量962 收藏 3
点赞数 2
分类专栏： vue学习 文章标签： vue.js 前端 javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/u014266734/article/details/131845847
版权

编写平台组件的时候，每个组件都得要相对应各自图标；

如果在此文件找不到图片时，可以显示默认图片；

用此方法时，如果还未设置对应的图片，是会直接报错->

解决方法： 

设置:src方法，在methods里面添加相对应的方法；

 

 

码农果冻
关注
专栏目录
vue3报错5 vue中用require处理图片地址 can‘t find module ‘...png/jpg‘
yangyangdt的博客
01-12 1533
vue3中图片绑定src直接渲染字符串地址，会报错can't find module 'jpg/png',需要用require。
vue动态获取图片时，找不到图片所在路径的问题/vue引入图片
bradzhou的博客
03-02 3662
有个需求 需要动态访问本地的图片，最开始书写如下 父组件 子组件 这样写虽然浏览器不报错，但是也没有解析出图片位置 图片引入需要require方法，而且很奇怪，require还需要拼接，我如果不拼接，仍然会报错 父组件 子组件 最后可以在浏览器正确显示了 ...
vue系列---项目打包找不到图片路径
yyjourney的博客
01-22 3701
在测试环节发现有图片找不到，发现是图片路径没有写对。 报错如下： 原代码： "/src/assets/img/arrow.png" alt="" class="col-step"> 这种引入图片的方式是错误的，虽然在页面展示的时候会出现，但是在打包后就会出现编译问题，src是无法编译的。 正确的引入格式： 第一种： img src="../../assets/i
vue3动态引入图片不显示问题
最新发布
qq_45555960的博客
08-16 1191
的import.meta.glob或import.meta.globEager，两者的区别是前者懒加载资源，后者直接引入。1.图片放到public 目录会更省事，不管是开发环境还是生产环境，可以始终以根目录保持图片路径的一致.，这种方式引入的文件必须指定到具体文件夹路径，传入的变量中只能为文件名，不能包含文件路径使用。方法1.(打包后动态引用的图片未被打包入工程中,webpack,vite)方法1（适用于处理单个链接的资源文件）方法2（适用于处理多个链接的资源文件）方法3（适用于处理多个链接的资源文件）
vue 项目打包时样式及背景图片路径找不到的解决方式
12-13
问题描述：vue项目打包后，文件找得到，但是引用的字体及背景图片找不到； 解决方法： 主要是需要单独为 css 配置 publicPath 。 ExtractTextWebpackPlugin 提供了一个 options.publicPath 的 api，可以为css单独配置 publicPath 。 对于用 vue-cli 生成的项目，dist 目录结构如下： dist ├── index.html └── static     ├── css     ├── img     └── js 经常遇见的问题是 css 中 background-image 的相对路径不能正确的引用到 img 文
前端VUE使用require请求图片资源，如找不到图片html页面直接报错，代码不会继续执行。使用默认图片，解决方法，完美处理
qq_40739261的博客
03-21 3791
前端VUE使用require请求图片资源，如找不到图片html页面直接报错，代码不会继续执行。使用默认图片，解决方法，完美处理
问题描述：vue项目中引用data中的图片路径无法显示
weixin_45629646的博客
03-01 1012
vue项目中引用data中图片路径无法显示
关于JS动态渲染找不到图片路径，需要用require的问题及注意事项（简单明了，一看就会）
weixin_64789429的博客
01-03 737
很多时候需要for循环动态的渲染不同的图片，但是直接写img:'/static/index.png' 是没有效果的这个时候就需要用@require需要注意：如果是根路径前面不需要加 ' / ' ,否则会找不到该图片用法如图：
vue输入图片路径显示不出来（基础问题）
快乐学习
05-14 2436
在vue项目里面插入图片的路径，插入路径方式不正确，导致图片一直不能显示。复制文件中的相对路径，然后去掉上一级目录，用。这是由于相对路径的前面要加上。，这个可以代替第一层包。
解决在vue项目中,发版之后,背景图片报错,路径不对的问题
08-27
然而，当项目被打包发布到服务器上，打包后的文件结构会变化，相对路径可能不再适用，从而导致找不到图片，浏览器报404错误。 解决方案： 为了解决这个问题，我们需要在Vue配置中设置正确的静态资源公共路径...
vue :src 文件路径错误问题的解决方法
08-27
vue :src 文件路径错误问题的解决方法可以通过将图片作为模块加载进去或者将图片放到 static 目录下来解决。同时，我们也可以通过使用 JSON 文件来简化操作。 相关知识点： * Vue-cli 项目中的 assets 和 static ...
vue 动态获取的图片路径不显示_Vue中img的src是动态渲染时不显示的解决
weixin_39917811的博客
12-22 3445
Vue中img的src是动态渲染时不显示的解决今天在项目中遇到一个需求，设计稿如下就是展示用户头像，数据从后端获取，要是没有拿到则显示默认图片。项目采用vue开发，本人也是第一次在实际项目中使用vue。自然而然采用条件渲染，我的代码如下：保存运行查看，发现没显示默认的图片，审查元素发现图片没有被打包有点懵~后来查阅资料发现图片使用require引入即可，更改后代码为：搞定~以上这篇Vue中img的...
Vue踩坑记录：①【使用require引入图片时无意间碰到的问题】
Goldenmanxyz的博客
12-22 593
使用require引入图片时无意间碰到的问题问题原因解决 问题 Vue项目启动时卡在98% after emitting CopyPlugin 原因 在vue项目中使用了require()，但是里面却没有给其传值。 { name: 'name', src: require('../../../assets/home/security.png') } 错误版本：{ name: 'name', src: require() } 解决 向require()中传值，或者去掉require()。 ...
前端VUE2使用require请求图片资源，如找不到图片html页面直接报错的处理
m0_70547044的博客
06-13 1337
1 、getImg()为获取图片地址的方法，在标签中直接引用。2、methods里面定义方法getImg()
关于vue打包后图片路径找不到的问题
weixin_30479905的博客
08-07 4908
//asserts引入的静态资源是相对路径 //而static引入静态资源时必须是绝对路径 slides: [ { //当asserts引入动态绑定的静态资源时，需要以模块的方式导入资源， //将图片作为模块加载进去 src: require(‘../../../asserts/img/pic1.jpg’), ...
vue2/3解决项目打包后本地图片等资源找不到的问题
weixin_68658847的博客
05-23 3548
vue2/3解决项目打包后本地图片等资源找不到的问题
解决vue项目运行后使用require()图片也不显示方法
z2428478096的博客
11-17 7616
最近在写vue项目时发现一个问题，在项目运行打包后却没有显示图片，明明路径也是正确的。在网上查询大部分文档都是说使用require(‘图片路径’)可以进行解决，运用到项目中发现还是没有用，到后面我对require方法进行查询后，得到了解决办法。 比如：我在assets下的images存放了图片，运行后 这样不显示 解决办法： <img class="headimg" :src="require(imgurl2)">使用require('图片存放目录' + 图片地址...
vue中require图片失败问题
qq_36278221的博客
03-10 1265
在vue里，require路径上无法使用变量(会因找不到上下文环境而查找失败)，报依赖错误，可通过require.context()解决。 变量在路径上，require找不到上下文环境： // 错误 require("../assets/image/" + 变量 + "/img.jpg") 变量是最后的文件名或部分文件名，上下文环境找的到可以： // 正确 require("../assets/...
解决vue图片路径错误解析
rxjly的博客
04-13 737
解决vue项目上线后图片地址的问题，注意图片路径中不要出现中文，否则将会被错误解析img标签src背景图地址 img标签src <div class="box2" :style="bg1"> <img src="~@/assets/img/redman2x.png" alt=""> </div> 背景图地址 export default { data () { return { bg1: { backgroun
vue 在方法里用字符串赋值图片路径获取不到，提示找不到图片
qq_53478650的博客
08-07 431
来设置图片的路径。这样可以确保路径正确地被解析成资源路径。然后在路径用require括起来。因为在Vue模板中直接使用字符串赋值的方式不会被解析为正确的资源路径。直接通过字符串赋值命名路径是不会生效的，如。你可以使用动态绑定（
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值