美文网首页
vite+vue3 图片路径被自动加了@fs导致加载失败

vite+vue3 图片路径被自动加了@fs导致加载失败

作者: 刘其瑞 | 来源:发表于2022-10-27 15:46 被阅读0次

1.问题描述

图片名为littleFinger.png,编译后路径前边被拼上了@fs,所以找不到图片了,但图片改为其他名都没有这个问题

2.问题出现的环境背景及自己尝试过哪些方法

同一张图片,改成其他名字都可以,只有littleFinger不可以
全局搜索了,也没有找到@fs

3.相关代码

<div class="text">
  <img src="@/assets/img/interview/little_finger.png">
  <img src="@/assets/img/interview/littleFinger1.png">
  <img src="@/assets/img/interview/littleFinger.png">
  <img src="@/assets/img/interview/littleHand.png">
  <img src="@/assets/img/interview/signIn.png">
  <p>扫码关注</p>
</div>

4.实际看到的错误信息又是什么?

image.png image.png

解决方法:

在vite.config里面 你最后一个配置项目后面必须跟一个逗号


image.png

相关文章

网友评论

      本文标题:vite+vue3 图片路径被自动加了@fs导致加载失败

      本文链接:https://www.haomeiwen.com/subject/xtpttdtx.html