vue3+vite:src使用require动态导入图片报错和解决方法
vue3 + vite 动态的导入多张图片
vue3 如果使用的是typescript开发,就会出现require引入图片报错,require is not defined 不能像使用vue2 这样imgurl: require(’…/assets/test.png’) 导入,是因为typescript不支持require
所以用import导入,下面介绍如何解决: 使用await import(’@/assets/img/22.png’);
demo1.vue
@@##@@
demo2.vue 循环利用返回值请求本地图片
@@##@@
记录一下使用vue3遇到的问题,或许还有别的办法解决图片引入问题,还请各位指教~
补充:vue3+vite :src 用require引入绝度路径报错
最近的项目是vue3+vite,在使用require引用图片路径的时候就报错 require is not defined,就很尴尬,因为typescript不支持require所以之前直接用imgUrl: require(’…/assets/test.png’) 导入就会报错需要用import导入,记录一下解决方法:
第一种:使用await import(’@/assets/img/22.png’);
@@##@@
第二种:循环利用返回值请求本地图片
@@##@@










