请问vue里一直插入不了图片是怎么回事？

这是代码

这是路径

想插入.gif文件，请问出现这个报错应该怎么解决

使用import语句加载，或者把路径前缀改为@，参考：

import loginURL from '@/assets/images/logo.png'


   <img :src="require('@/assets/images/scan.gif')" alt="" /> <!-- 成功 -->

参考下面的文章

vue引入图片报错？VueCli 关于静态资源(图片) 引入问题_韩旭在努力鸭的博客-CSDN博客文章目录一、关于Vue-Cli图片引入问题？二、两种引入方式三、相对路径动态时如何使用？四、背景图片background-image如何渲染？一、关于Vue-Cli图片引入问题？首先我们要清楚Vue-cli是基于Webpack来进行的打包，其次我们再来看一下Vue-cli的官网是如何给出我们的打包引入图片方式的。二、两种引入方式简单的来说一种是相对引入方式，一种是绝对引入方式相对引入： <img src="../assets/logo.png" alt="" />

https://blog.csdn.net/clli_Chain/article/details/114013858?spm=1001.2014.3001.5502

这是一个打包机制问题

require('@/assets/images/scan.gif')或者require('~@/assets/images/scan.gif')