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

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
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容