【报Bug】基于cli（vite）创建的vue3版本uniapp项目静态资源处理真机运行报错（ide内置浏览器运行正常）

分类：uni-app

bug反馈

产品分类： 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错误了

2023-04-24 15:14 负责人:无分享

真机没有 URL 这些 BOM 对象

要回复问题请先登录或注册