共计 400 个字符，预计需要花费 1 分钟才能阅读完成。
问题形容：
- 列表渲染中蕴含图片，图片资源放在我的项目本地动态文件夹内，默认列表数据定义在一个独自 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…;
正文完