关于vue3:vitetsvue32-项目内使用导入本地图片require报错

问题形容：

• 列表渲染中蕴含图片，图片资源放在我的项目本地动态文件夹内，默认列表数据定义在一个独自 ts 文件内，导入进以后页面模板内应用报错

框架：

• vite+ts+vue3.2

尝试计划：

1. 间接应用内部引入门路 ×

• 这里应用别名还是相对路径都无奈解析正确图片地址
  

  2. 应用 require() ×

• 在 vue2 我的项目中 JS 文件内应用 require() 能够解析图片门路，这里 TS 不反对 require(), 参考网上有答案说 npm i @type/node --save -dev，装置完这个包后应用仍报错，欢送斧正
  

  3. 应用 import() √

• 应用 import() 须要思考异步问题，新造一个变量接管或者原始数据中多加一个键
  

  4. 应用 new URL() √

• 这个办法用起来就简略很多，vite 官网上有详细描述
  

  5..vue 文件内间接援用图片 √

相干链接

• import.meta.url: https://vitejs.cn/guide/asset…;