【 错误总结 】API ‘getMenuButtonBoundingClientRect/‘ is not yet implemented

最新推荐文章于 2024-08-14 10:27:49 发布
原创 最新推荐文章于 2024-08-14 10:27:49 发布 · 8.1k 阅读 · 8 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#小程序 #html5 #javascript

报错信息

API 'getMenuButtonBoundingClientRect/' is not yet implemented
在这里插入图片描述
这是api不支持 ，当前平台不支持这个api，注意添加条件编译

解决办法

H5 || APP-PLUS || MP-ALIPAY 不支持胶囊按钮样式的API

// 根据微信小程序的右上侧的胶囊样式 设置导航栏内容的高度
// #ifndef H5 || APP-PLUS || MP-ALIPAY
	const menuInfo = uni.getMenuButtonBoundingClientRect()
	// 导航栏内容的高度 = (胶囊底部的高度 - 状态栏的高度) + (胶囊顶部的高度 - 状态栏的高度)
	this.navBarHeight = (menuInfo.bottom - info.statusBarHeight) + (menuInfo.top - info.statusBarHeight)
	// 导航栏内容的宽度 = ()
	this.navBarWidth = menuInfo.left
	// console.log(this.navBarHeight,this.navBarWidth)
// #endif
zwj、
关注
【Kotlin学习之旅】解决错误：kotlin.NotImplementedError: An operation is not implemented: Not yet implemented
字节卷动
12-21 1689
一、错误描述 今天实现android.hardware.SensorEventListener接口的时候，然后运行程序报错： 2021-12-21 09:46:49.256 16655-16655/com.oyp.openglesdemo E/SensorManager: Exception dispatching input event. 2021-12-21 09:46:49.258 16655-16655/com.oyp.openglesdemo E/AndroidRuntime: FATAL EX
解决OpenCV xfeatures2d_SURF -213：功能/功能未实现。(-213:The function/feature is not implemented) This algorith
m0_50736744的博客
03-05 2716
本文解决xfeatures2d_SURF -213问题，也就是SURF，SIRF算法使用xfeatures2d这个的权限问题) 问题：terminate called after throwing an instance of 'cv::Exception' what(): OpenCV(4.2.0) /home/cgm/opencv-4.2.0/opencv_contrib-4.2.0/modules/xfeatures2d/src/surf.cpp:1027: error: (-213:Th
UNI-APP打包H5出现API `request` is not yet implemented
Florenza的博客
12-02 7400
HBuilder X 取消摇树勾选 vscode 取消 treeshaking "h5" : { "router" : { "base" : "/dist/dev/h5", "mode" : "hash" }, "template" : "h5.template.html", "publicPath": "./", "optimization...
解决：uni.getMenuButtonBoundingClientRect()；获取到的数据都为零的问题
黑客与画家
09-27 6832
出现场景： 正常进入可以获取得到 但是进入小程序之后，点击右上角，点击重新进入小程序就会出现获取都为0的情况 console.log('oMenuBtn:',oMenuBtn);//打印 width:0,bottom:0,top:0,... 代码是写在App.vue里面，启动后获取状态栏的高度并存到vuex中使用 oMenuBtn = uni.getMenuButtonBoundingClientRect() console.log('oMenuBtn:',oMenuBtn); s
wx.getMenuButtonBoundingClientRect报错，方法未定义
zjslan_js的博客
08-09 946
wx.getMenuButtonBoundingClientRect报错，方法未定义
uniapp自定义顶部导航并解决打包成apk后getMenuButtonBoundingClientRect方法失效问题
请叫我欧皇！的博客
01-05 2082
需求：要在app上的顶部导航提示哪里添加一些东西进去，用uniapp自带的肯定不行啊，所以自定义了所有的页面的顶部导航，之后自定义后用手机调试发现 uni.getMenuButtonBoundingClientRect()这个方法的top获取不到....网上找了很多种方法才实现，记录一下。
API `chooseFile` is not yet implemented，APP上传文件报错--uniapp
weixin_57844432的博客
09-08 8907
uniapp打包APP，点击上传文件按钮，控台报错：API `chooseFile` is not yet implemented 无法调起选择文件
【小程序】解决微信小程序wx.getMenuButtonBoundingClientRect()获取胶囊信息返回值错误问题
AnsonChen的博客
08-16 1万+
在onLoad里执行wx.getMenuButtonBoundingClientRect()，ios预览有时返回的胶囊信息（top、height）等全部字段都为0的情况，可是尝试在onLoad里写一个setTimedown延迟执行wx.getMenuButtonBoundingClientRect()的话每次返回结果都没有问题。 解决方案： 1、...
API `getFileSystemManager` is not yet implemented uni-app 图片转码解决方法
热门推荐
weixin_49230250的博客
11-12 2万+
使用uni-app 写APP的时候我们使用 进行图片转base64的时候会出现 这是我的写法 的报错 但是官网这个API明明是支持APP的为什么会出现这种问题呢 查阅万千资料 唯一说得过去的原因是因为我使用的是hburder H5这个api不支持H5… 最后换了一种方式用arrayBufferToBase64方法终于实现了 uni-app App端的图片转换 话不多说 上代码 uni.chooseImage({ count: 1, //默认9 sizeType: ['origin
OpenCV 学习笔记 06 SIFT使用中出现版权问题error: (-213:The function/feature is not implemented)...
weixin_30727835的博客
03-09 5646
1 错误原因 1.1 报错全部信息： cv2.error: OpenCV(4.0.1) D:\Build\OpenCV\opencv_contrib-4.0.1\modules\xfeatures2d\src\sift.cpp:1207: error: (-213:The function/feature is not implemented) This algorithm is patent...
imgproc/src/morph.simd.hpp:756: error:(-213:The function/feature is not implemented)解决方案
无名何许人的博客
06-24 2583
imgproc/src/morph.simd.hpp:756: error:(-213:The function/feature is not implemented)解决方案 问题描述 在使用下面代码进行运行时（其中“pred”为模型分割后的中间值） kernel = cv2.getStructuringElement(cv2.MORPH_RECT,(5,5)) erode = cv2.erode(pred,kernel) 报下面错误 error: OpenCV(4.1.2) C:/projects/o
AssertionError: Not yet implemented
zw1137229578的博客
08-30 1万+
有两种情况。 一种是因为测试类中有还未实现的方法，右键点到了@Test而不是被测试的方法上。 第二种是因为编译环境异常。将jar libaries的jar添加，改为jar system就可以了。然后需要重新建一个test类来测试。...
Option ‘-moveToLocal‘ is not implemented yet
weixin_38861839的博客
12-28 1093
作用： 输出“Not implement yet ” 还未实现moveToLocal: Option '-moveToLocal' is not implemented yet.
ERROR 1105 (HY000): ‘CREATE TABLE ... SELECT‘ is not implemented yet
baiyinhai00001的博客
08-14 695
tidb不支持as操作 可以先create table like复制表结构，再insert into select 复制数据，表太大的话可能会超过事务限制。
virtualbox用modifyhd命令扩展容量时提示错误： Resize medium operation for this format is not implemented yet
qq_42538293的博客
05-04 2113
virtualbox用modifyhd命令扩展容量时提示错误： Resize medium operation for this format is not implemented yet 初始虚拟创建时只有8G，而我想扩展提示上述错误，原来是因为我虚拟机的格式后缀：.vmdk ...
[小程序] getMenuButtonBoundingClientRect获取胶囊frame的坑(开发工具的坑)
iOSTianNan的博客
04-22 1万+
最近需要获取小程序页面中 胶囊的 frame (y,x,w,h)等数据 可以通过wx提供的能力 var data = wx.getMenuButtonBoundingClientRect() console.log('菜单按键宽度：',data.width) console.log('菜单按键高度：',data.height) console.log('菜单按键上边...
关于uniapp引用mpass报API `requireNativePlugin` is not yet implemented19:28:39.799 [Vue warn]: Error in v
m0_68749065的博客
04-26 2758
解决方法：弄个自定义基座—>通过usb连接手机测试（如何运行到Android模拟器没弄明白，所以选择直接用自己手机测试）：手机 点击设置—>关于手机—>多次点击软件版本（为了进入开发版本）—>返回上一级—>点击系统和更新—>点击开发人员选择—>开启USB调试—>通过usb线连接手机。/*遇到问题后百度什么的都没解决，逼得孩子加QQ群问人了，一个哥告诉我有些第三方需要自定义基座。主要原因：我当时引用的是云端插件HBX自带的预览运行不了。在结尾希望有人能推给我一个好用的解决办法。这是安卓的 ios的不会。
uniapp自定义导航栏 | uni.getSystemInfo() | wx.getMenuButtonBoundingClientRect()
weixin_51364974的博客
09-03 2422
一.自定义导航栏的区域 上面整体就是自定义导航栏的区域(包括状态栏) 胶囊接口 /*获取菜单按钮（右上角胶囊按钮）的布局位置信息。坐标信息以屏幕左上角为原点 */ wx.getMenuButtonBoundingClientRect(); /* 返回值：width、height、top、right、bottom、left*/ 状态栏接口 wx.getSystemInfo({ success: e => { console.log(e.statusBarHeight);/*状态栏高度
小程序开发API之获取菜单胶囊的布局位置信息wx.getMenuButtonBoundingClientRect()
M.Siebel
01-22 1万+
Object wx.getMenuButtonBoundingClientRect() 获取菜单按钮（右上角胶囊按钮）的布局位置信息。坐标信息以屏幕左上角为原点。 wx.getMenuButtonBoundingClientRect属性 菜单按钮的布局位置信息 示例 index.wxml <button bindtap='btnClick1' type="primary">获取菜单按...
API `compressImage` is not yet implemented
最新发布
10-12
你遇到的错误： > **`API 'compressImage' is not yet implemented`** 是 **uni-app 在某些平台（尤其是 H5 或部分小程序）上不支持 `uni.compressImage` API** 导致的。 --- ## 🔍 错误原因详解 ### ❌ 问题代码： ```js uni.compressImage({ src: imagePath, quality: 60, success: (res) => { ... }, fail: (err) => { console.error(err); } // <-- 这里报错：API not yet implemented }) ``` 这个 API 的支持情况如下： | 平台 | 是否支持 `uni.compressImage` | |------|----------------------------| | ✅ 微信小程序 | ✔️ 支持 | | ✅ App（iOS/Android） | ✔️ 支持（HBuilderX 2.3.0+） | | ⚠️ H5 | ❌ 不支持（抛出 `not yet implemented`） | | ⚠️ 阿里/百度/字节等其他小程序 | ❌ 大多不支持或部分支持 | 👉 所以你在 **H5 调试时**调用了该方法，就会出现这个提示。 --- ## ✅ 解决方案：兼容性处理 + 手动实现 H5 图片压缩 我们需要做两件事： 1. **判断平台，仅在支持时调用 `uni.compressImage`** 2. **在 H5 上使用 Canvas 手动压缩图片** --- ## ✅ 最终修复后的 `compressImage` 方法（完整可运行） ```js // ✅ 替换你原来的 compressImage 方法 async compressImage(imagePath) { return new Promise((resolve, reject) => { // 1. 获取图片信息 uni.getImageInfo({ src: imagePath, success: (imageInfo) => { const canvas = document.createElement('canvas'); const context = canvas.getContext('2d'); const { width, height } = imageInfo; const quality = this.compressionQuality / 100 || 0.6; // 默认 60% // 设置 canvas 尺寸 canvas.width = width; canvas.height = height; // 绘制图片到 canvas（实现缩放和压缩） const img = new Image(); img.src = imagePath; img.onload = () => { context.drawImage(img, 0, 0, width, height); // 导出为 base64 或 blob（压缩后） canvas.toBlob( (blob) => { if (blob) { // 创建临时 URL 返回 const tempFilePath = URL.createObjectURL(blob); console.log('H5 图片压缩成功', tempFilePath); resolve(tempFilePath); } else { console.warn('Canvas toBlob 失败，返回原图'); resolve(imagePath); } }, 'image/jpeg', quality ); }; img.onerror = () => { console.error('图片加载失败'); resolve(imagePath); }; }, fail: (err) => { console.error('获取图片信息失败', err); resolve(imagePath); } }); }); } ``` --- ## 🧩 使用说明 & 平台判断优化（推荐写法） 你可以进一步封装成跨平台函数： ```js async compressImage(imagePath) { return new Promise((resolve, reject) => { // ✅ 优先使用原生 API（App / 微信小程序） if (['app-plus', 'mp-weixin'].includes(process.env.UNI_PLATFORM)) { uni.compressImage({ src: imagePath, quality: this.compressionQuality, success: (res) => { resolve(res.tempFilePath); }, fail: (err) => { console.log('原生 compressImage 失败，降级到 canvas 压缩', err); this.compressImageWithCanvas(imagePath, resolve); } }); return; } // 🌐 H5 和其他平台使用 Canvas 压缩 this.compressImageWithCanvas(imagePath, resolve); }); } // 单独抽出 Canvas 压缩逻辑 compressImageWithCanvas(imagePath, resolve) { uni.getImageInfo({ src: imagePath, success: (info) => { const canvas = document.createElement('canvas'); const ctx = canvas.getContext('2d'); canvas.width = info.width; canvas.height = info.height; const img = new Image(); img.src = info.path; img.onload = () => { ctx.drawImage(img, 0, 0); canvas.toBlob( (blob) => { if (blob) { const tempFilePath = URL.createObjectURL(blob); resolve(tempFilePath); } else { resolve(imagePath); // 降级返回原图 } }, 'image/jpeg', this.compressionQuality / 100 ); }; img.onerror = () => resolve(imagePath); }, fail: () => resolve(imagePath) }); } ``` --- ## 💡 注意事项 | 要点 | 说明 | |------|------| | 📷 `uni.compressImage` 只适用于本地临时文件路径（如拍照、选图得到的 `tempFilePaths`） | 不支持网络图片 | | 🖼️ Canvas 压缩适用于 H5，但结果是 `ObjectURL`，不能直接上传？ | 可转为 Blob 再上传 | | 🔐 H5 中 `toBlob` 受跨域限制 | 确保图片同源或服务器允许 CORS | | 📦 压缩后文件大小可控吗？ | 通过 `quality` 控制（建议 50~80） | --- ## ✅ 如何测试是否生效？ 在 H5 浏览器打开控制台，查看： - 是否还有 `not yet implemented` 报错？ - `console.log('H5 图片压缩成功')` 是否打印？ - `previewPhoto` 是否仍能预览？ 如果都能正常运行 → 说明已成功兼容！ --- ## ✅ 补充：上传时处理 Blob（H5 场景） 如果你在 H5 上压缩后得到的是 `ObjectURL`，而 `uni.uploadFile` 不接受，可以这样处理： ```js // 把 ObjectURL 转成 File/Blob function urlToFile(url, filename = 'upload.jpg') { return fetch(url) .then(res => res.blob()) .then(blob => new File([blob], filename, { type: 'image/jpeg' })); } ``` 然后用 FormData 上传（需后端配合）。 ---
评论 8
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值