vue3 图片路径 报错require is not defined

这个错误通常发生在浏览器环境中，因为 require 是一个 Node.js 中的模块系统，而浏览器不支持。

在 Vue3 中，可以使用 import 语句来加载图片：

import myImage from './my-image.png'

export default {
  data() {
    return {
      imageSrc: myImage
    }
  }
}

在模板中使用：

<template>
  <img :src="imageSrc" alt="My Image">
</template>

注意，这种方法只适用于静态图片，如果需要使用动态图片，需要通过 JavaScript 动态设置图片路径。