美文网首页
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