发现在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“报错未找到图片相关推荐

  1. vue中自动导入导致的数十个报错,ERROR in ./node_modules

    我在写路由跳转的时候,突然运行后一下出现了几十个报错,都是了来自于 ./node_modules的 报错如下: ERROR in ./node_modules/import-fresh/index.j ...

  2. 解决Vue中重复点击相同路由控制台报错问题

    vue-router 升级到3.1.x 后,重复点击导航时,控制台出现报错 ,虽然不影响功能使用,但也不能视而不见. 报错信息 报错原因 vue router ≥ v3.1 后 ,回调形式改成prom ...

  3. 四种解决Vue中重复点击相同路由控制台报错问题( Avoided redundant navigation to current location)

    vue-router 升级到3.1.x 后,重复点击导航时,控制台出现报错 ,虽然不影响功能使用,但是看的就不舒服. 报错信息 Uncaught (in promise) NavigationDupl ...

  4. window.onresize在vue中只能使用一次,自适应resize报错

    1.window.onresize不能重复使用,因为onresize是一个回调,当它发生变化时,会覆盖前一个 2.但是有业务场景需要多个组件进行监听,此时可以使用 window.addEventLis ...

  5. vue中通过arr.length获取数组长度报错:Error in render: “TypeError: Cannot read property ‘length‘ of undefined“

    刚开始是通过arr.length获取数组长度的! 结果控制台报错: Error in render: "TypeError: Cannot read property 'length' of ...

  6. 微信开发工具控制台报错 未找到入口 app.json文件?

    项目文件中没有找到app.json就会报这样的错. 解决办法: 新增app.json文件

  7. VUE 中 通过v-bind:src 图片不显示问题

    VUE 中 通过v-bind:src 图片不显示问题,引入图片的方式用require 即可 html: <img v-bind:src='imgUrl'> js:imgUrl:requir ...

  8. Vue 中引用第三方js总结

    vue中引用第三方js总结 By:授客 QQ:1033553122 实践环境 win10 Vue 2.9.6 本文以引用jsmind为例,讲解怎么在vue中引用第三方js类库 基础示例 1.把下载好的 ...

  9. vue中引用高德地图根据经纬度计算两地距离

    vue中引用高德地图根据经纬度计算两地距离 一.示例图: npm安装 npm install vue-amap --save 在min.js文件中引入vue-amap import VueAMap f ...

最新文章

  1. CVPR 2020 SLAM挑战赛冠军方案解读,搞定超难数据集TartanAir
  2. 【2012百度之星/初赛上】C:集合的交与并
  3. postconstruct_@PostConstruct注解,你该好好看看
  4. JeeCG团队招聘啦!
  5. Crontab作业时间设置
  6. fiddler模拟不同的IP
  7. qt实现网易云音乐播放器的图片旋转功能(paintevent)
  8. 数据库系统工程师考点
  9. 从零开始搭建我的网上商城 - Pika商城
  10. Python微博评论进行情感分析
  11. android 自定义吐司,[Android开发]Android 自定义Toast
  12. 2022-01-15 OpenCV(3.4.1) Error: Image step is wrong (The matrix is not continuous, thus its
  13. DELL戴尔服务器Windows Server 2008/2012 操作系统安装指导-U盘安装
  14. 湖仓一体:数据湖vs数据仓库之争?
  15. mysql 断电_mysql的断电恢复能力
  16. 雄霸迈阿密java_罪恶都市3之雄霸迈阿密
  17. 「小程序JAVA实战」小程序视频处理工具ffmpeg(47)
  18. I/O多路复用技术简介
  19. 电路分析笔记-电阻电路的等效变换
  20. gin+redis连接池

热门文章

  1. poj 3411(DFS多点访问)
  2. 对于写bash脚本的朋友,read命令是不可或缺的,需要实践一下就可以了解read命令的大致用途: 编写一个脚本: #!/bin/bash # hao32 test read echo -e Pl
  3. 使用Amanda ZRM备份远程MySQL数据库
  4. BZOJ4723[POI2017]Flappy Bird——模拟
  5. SQL ORDER BY 两个列
  6. Windows 下安装Pytorch
  7. 读书笔记《单核工作法》1
  8. CentOS系统启动流程和系统初始化
  9. Synergy工具 共享Windows系统电脑Linux系统电脑 鼠标键盘
  10. python嵌入到C++中