m***@163.com
m***@163.com
  • 发布:2024-10-16 09:06
  • 更新:2024-10-18 16:05
  • 阅读:131

【报Bug】vue3版本中,uni.webview SDK 失效

分类:uni-app

产品分类: uniapp/H5

PC开发环境操作系统: Windows

PC开发环境操作系统版本号: win10

HBuilderX类型: 正式

HBuilderX版本号: 4.29

浏览器平台: Chrome

浏览器版本: 129.0.6668.101

项目创建方式: HBuilderX

操作步骤:
<!DOCTYPE html>  
<html lang="en">  
  <head>  
    <meta charset="UTF-8" />  
    <script>  
      var coverSupport = 'CSS' in window && typeof CSS.supports === 'function' && (CSS.supports('top: env(a)') ||  
        CSS.supports('top: constant(a)'))  
      document.write(  
        '<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0' +  
        (coverSupport ? ', viewport-fit=cover' : '') + '" />')  
    </script>  
    <title></title>  
    <!--preload-links-->  

    <!--app-context-->  
  </head>  
  <body>  
    <div id="app"><!--app-html--></div>  
    <script type="module" src="/main.js"></script>  
  </body>  
  <script type="text/javascript" src="/static/h5/js/uni.webview.1.5.6.js"></script>  
  <script type="text/javascript" src="/static/h5/js/bridge.js"></script>  
</html>  

document.addEventListener('UniAppJSBridgeReady', (res) => {  
            console.log('UniAppJSBridgeReady')  
            console.log(uni.webView)  
})

预期结果:

输出 UniAppJSBridgeReady
输出 webView对象

实际结果:

输出 UniAppJSBridgeReady
输出 undifined

bug描述:

hbuilderX 4.29 版本,vue版本3.0。
在index.html中引uni.webview.1.5.6.js
UniAppJSBridgeReady事件可以触发,但是uni对象中没有 getEnv 和 webView对象,导致无法进行通讯。

2024-10-16 09:06 负责人:无 分享
已邀请:
久智环境

久智环境

临时在main.js引入解决,例:
import '@/static/js/uni.webview.1.5.6.js'

要回复问题请先登录注册