解决Vue3和Vite中使用require动态导入图片报错的方法
vue3+vite:src使用require动态导入图片报错和解决方法vue3+vite动态的导入多张图片vue3如果使用的是typescript开发,就会出现require引入图片报错,requireisnotdefined不能像使用vue2这样imgUrl:require(’…/assets/test.png’)导入,是因为typescript不支持require所以用import导入,下面介绍如何解决:使用awaitimport(’@/assets/
vue3+vite:src使用require动态导入图片报错和解决方法
vue3 + vite 动态的导入多张图片
vue3 如果使用的是typescript开发,就会出现require引入图片报错,require is not defined 不能像使用vue2 这样https://img.zhengruan.com/https://img.zhengruan.com/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所以之前直接用https://img.zhengruan.com/https://img.zhengruan.com/imgUrl: require(’…/assets/test.png’) 导入就会报错需要用import导入,记录一下解决方法:





























