使用命令行创建的H5项目
项目里有一个webview页面 大致代码如下 (截取部分)
<template>
<view :style="themeColor()">
<u-icon name="arrow-left" class="navigate-back" @click="navigateBack"></u-icon>
<web-view :src="src"></web-view>
</view>
</template>
<script setup lang="ts">
import { onLoad, onShow } from '@dcloudio/uni-app'; // 使用 uni-app 提供的生命周期
import { ref, getCurrentInstance, onMounted as vueOnMounted } from 'vue'; // 从 vue 导入 onMounted
import { redirect } from '@/utils/common';
使用这个webview打开网络html链接,html页面内引入了 uni.wenview.js 如下图
本地用HX运行H5项目,通过webview打开网页html页面,点击html页面的商品,可以跳转到uniapp项目内部的商品页面
用命令行打包H5香米,部署线上,通过webview打开网页html页面,点击html页面的商品,就会提示提示 uni is not defined 或者 uni[e] is not a function 问题,
https://js.cdn.aliyun.dcloud.net.cn/dev/uni-app/uni.webview.1.5.2.js
1.5.2和1.5.6的js都尝试过
所以是 H5不支持这种 还是不用hx打包的不支持。这个项目不兼容HX打包 打包会报错
六界仙尊 (作者)
uniapp打包的H5 通过webview打开网络html文件
2025-07-17 10:11
蔡cai
回复 六界仙尊: h5内嵌h5?
2025-07-17 10:20
六界仙尊 (作者)
回复 蔡cai: 是 ,本地可以,打包后的不可以;外部的H5是三方的html单页,整合很麻烦,所以
2025-07-17 11:02
蔡cai
回复 六界仙尊: 没试过html用这个的,看有没有遇到的
2025-07-17 13:43