问题形容:
- 列表渲染中蕴含图片,图片资源放在我的项目本地动态文件夹内,默认列表数据定义在一个独自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...;