app.vue中引用图片src=“../assets/logo.png“报错未找到图片
发现在views或components里的vue里用src="…/assets/logo.png"是没有问题的,但是在app.vue里这么使用出现报错:
This relative module was not found:* ../assets/logo.png in ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"1db7dce2-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/App.vue?vue&type=template&id=7ba5bd90&
为什么呢?
很简单,app.vue是和assets平级的,当我们使用…/时代表向上一级退出
仔细观察左上角可以发现第一个是assets。
但如果直接点击图片呢?
可以看到正确情况应该是有src的,所以删去…/后使用./assets/logo.png就没问题了。
app.vue中引用图片src=“../assets/logo.png“报错未找到图片相关推荐
- vue中自动导入导致的数十个报错,ERROR in ./node_modules
我在写路由跳转的时候,突然运行后一下出现了几十个报错,都是了来自于 ./node_modules的 报错如下: ERROR in ./node_modules/import-fresh/index.j ...
- 解决Vue中重复点击相同路由控制台报错问题
vue-router 升级到3.1.x 后,重复点击导航时,控制台出现报错 ,虽然不影响功能使用,但也不能视而不见. 报错信息 报错原因 vue router ≥ v3.1 后 ,回调形式改成prom ...
- 四种解决Vue中重复点击相同路由控制台报错问题( Avoided redundant navigation to current location)
vue-router 升级到3.1.x 后,重复点击导航时,控制台出现报错 ,虽然不影响功能使用,但是看的就不舒服. 报错信息 Uncaught (in promise) NavigationDupl ...
- window.onresize在vue中只能使用一次,自适应resize报错
1.window.onresize不能重复使用,因为onresize是一个回调,当它发生变化时,会覆盖前一个 2.但是有业务场景需要多个组件进行监听,此时可以使用 window.addEventLis ...
- vue中通过arr.length获取数组长度报错:Error in render: “TypeError: Cannot read property ‘length‘ of undefined“
刚开始是通过arr.length获取数组长度的! 结果控制台报错: Error in render: "TypeError: Cannot read property 'length' of ...
- 微信开发工具控制台报错 未找到入口 app.json文件?
项目文件中没有找到app.json就会报这样的错. 解决办法: 新增app.json文件
- VUE 中 通过v-bind:src 图片不显示问题
VUE 中 通过v-bind:src 图片不显示问题,引入图片的方式用require 即可 html: <img v-bind:src='imgUrl'> js:imgUrl:requir ...
- Vue 中引用第三方js总结
vue中引用第三方js总结 By:授客 QQ:1033553122 实践环境 win10 Vue 2.9.6 本文以引用jsmind为例,讲解怎么在vue中引用第三方js类库 基础示例 1.把下载好的 ...
- vue中引用高德地图根据经纬度计算两地距离
vue中引用高德地图根据经纬度计算两地距离 一.示例图: npm安装 npm install vue-amap --save 在min.js文件中引入vue-amap import VueAMap f ...
最新文章
- CVPR 2020 SLAM挑战赛冠军方案解读,搞定超难数据集TartanAir
- 【2012百度之星/初赛上】C:集合的交与并
- postconstruct_@PostConstruct注解,你该好好看看
- JeeCG团队招聘啦!
- Crontab作业时间设置
- fiddler模拟不同的IP
- qt实现网易云音乐播放器的图片旋转功能(paintevent)
- 数据库系统工程师考点
- 从零开始搭建我的网上商城 - Pika商城
- Python微博评论进行情感分析
- android 自定义吐司,[Android开发]Android 自定义Toast
- 2022-01-15 OpenCV(3.4.1) Error: Image step is wrong (The matrix is not continuous, thus its
- DELL戴尔服务器Windows Server 2008/2012 操作系统安装指导-U盘安装
- 湖仓一体:数据湖vs数据仓库之争?
- mysql 断电_mysql的断电恢复能力
- 雄霸迈阿密java_罪恶都市3之雄霸迈阿密
- 「小程序JAVA实战」小程序视频处理工具ffmpeg(47)
- I/O多路复用技术简介
- 电路分析笔记-电阻电路的等效变换
- gin+redis连接池
热门文章
- poj 3411(DFS多点访问)
- 对于写bash脚本的朋友,read命令是不可或缺的,需要实践一下就可以了解read命令的大致用途: 编写一个脚本: #!/bin/bash # hao32 test read echo -e Pl
- 使用Amanda ZRM备份远程MySQL数据库
- BZOJ4723[POI2017]Flappy Bird——模拟
- SQL ORDER BY 两个列
- Windows 下安装Pytorch
- 读书笔记《单核工作法》1
- CentOS系统启动流程和系统初始化
- Synergy工具 共享Windows系统电脑Linux系统电脑 鼠标键盘
- python嵌入到C++中