Vue3 动态加载图片不显示问题

一、图片目录结构

二、批量导出图片

exportImage.ts

const images = import.meta.glob('@/assets/icons/*.{png,jpg,jpeg,svg}', { eager: true });

const imageMap = Object.entries(images).reduce((acc, [key, value]) => {
  const imageName = key.split('/').pop().replace(/\.[^/.]+$/, ''); // 移除文件扩展名
  acc[imageName] = value.default;
  return acc;
}, {});

export default imageMap;

二、在组件中使用