html代码如下:
<image class="login-other__tools--item-icon" :src="getIcon(item.icon)"></image>
js脚本代码如下:
function getIcon(name: string) {
// vite 静态资源的引入貌似不支持绝对地址
return new URL(`../../static/login/${name}.svg`, import.meta.url).href;
}
产品分类: uniapp/App
PC开发环境操作系统: Windows
PC开发环境操作系统版本号: 10
手机系统: Android
手机系统版本号: Android 12
手机厂商: 小米
手机机型: 小米12
页面类型: vue
vue版本: vue3
打包方式: 云端
项目创建方式: CLI
CLI版本号: @dcloudio/vite-plugin-uni 3.0.0-alpha-3070720230316001
html代码如下:
<image class="login-other__tools--item-icon" :src="getIcon(item.icon)"></image>
js脚本代码如下:
function getIcon(name: string) {
// vite 静态资源的引入貌似不支持绝对地址
return new URL(`../../static/login/${name}.svg`, import.meta.url).href;
}
使用vite官网的静态资源导入在真机上运行就可以复现了
无
无
在使用基于vite创建的uniapp项目中,使用vite官网推荐的静态资源处理方式引入图片,发现在ide内置浏览器中运行时是正常的,但是一但运行到真机就报URL is not defined错误了