当前位置: 首页 > Web前端 > HTML

vite+ts+vue3.2项目中,导入本地图片报错require

时间:2023-03-28 00:12:48 HTML

问题描述:列表渲染包含图片,图片资源放在项目本地static文件夹下。默认列表数据在单独的ts文件中定义。导入进入当前页面模板,使用报错框架:vite+ts+vue3.2试用方案:1.直接使用外部导入路径×这里使用别名或者相对路径解析正确的图片地址2.使用require()×在vue2项目中使用js文件中的require()解析图片路径,这里TS不支持require(),参考网上的回答说npmi@type/node--save-dev,安装这个包后,还是报错,欢迎指正3.使用import()√使用import()考虑异步问题,新建一个变量接收或者在原有数据上增加一个key4.使用newURL()√这个方法使用起来简单多了,在vite官网上有详细的说明5..直接引用vue文件中的图片√相关链接import.meta.url:https://vitejs.cn/指南/资产...;