Tencent / kbone

一个致力于微信小程序和 Web 端同构的解决方案
Other
4.78k stars 454 forks source link

小程序头像昵称填写问题 #450

Closed 1026203093 closed 1 year ago

1026203093 commented 1 year ago

image

基础库使用的是 2.26..1 不管上传多大的图片 都不会触发chooseavatar的回调 ,请问是kbone还没有兼容么,还是什么问题

JuneAndGreen commented 1 year ago

小程序基础库是在 2.21.2 支持的,kbone 相当于 web 代码和小程序原生之间的胶水层,所以还是需要小程序原生有支持才能使用。

image
1026203093 commented 1 year ago

我2.26.1版本在2.21.2之上了哈 但是并没有触发bindchooseavatar的回调方法,我使用官方的实例代码是可以触发的 您看下我这写法有问题么 image

image image

JuneAndGreen commented 1 year ago

抱歉,眼拙看成 2.16.1 了。。。

你用的 miniprogram-element / miniprogram-render 版本是?

1026203093 commented 1 year ago

image image 最新的是多少呢

JuneAndGreen commented 1 year ago

按道理 miniprogram-element@2.2.11 以上就支持了,我用 demo3 试了下 2.26.1 是可以的,你直接跑 examples/demo3 ,然后切到基础库 2.26.1 试试呢?

image
1026203093 commented 1 year ago

image image

直接把代码下载下来运行demo3 运行不了呀 大佬

JuneAndGreen commented 1 year ago

构建一下 npm,这个报错就是没找到 miniprogram-element 包

1026203093 commented 1 year ago

image 不行呀 我在开发者工具中 构建npm 还是报错 是不是我文件夹中错了呀 我在kbone\kbone-develop\examples\demo3中npm install 然后 npm run mp 最后在微信开发中打开dist 的mp文件

JuneAndGreen commented 1 year ago

为了方便调试,demo 列表中有些有配置 autoBuildNpm,有些没有,对于没有的构建流程是:

1、进入 demo 目录执行 npm install 安装项目依赖和 npm run mp 构建出小程序目录 dist 2、进入 dist 执行 npm install 安装小程序自身的依赖 3、工具执行构建 npm 将 node_modules 处理到 miniprogram_npm 目录,这个目录是小程序最终会读取的目录。而 node_modules 里因为可能携带大量小程序用不到的代码会占用空间,因此会被小程序忽略。

如果配置了 autoBuildNpm 或者使用了扩展库,2 和 3 这两步就不需要了。

image

文档这里有比较完整的构建流程:https://wechat-miniprogram.github.io/kbone/docs/guide/tutorial.html

1026203093 commented 1 year ago

可以了 之前没有在构建好的mp中执行npm install
我这边执行这个例子是onchooseAvatar是可以回调的,但是我本地项目不行,我和demo3的miniprogram-element ,miniprogram-render 版本都是一样的
image

JuneAndGreen commented 1 year ago

那么问题应该就出在 web 框架或者业务代码了,你可以打印一下你本地项目那个 wx-button 节点的属性看看?看看有没有将 open-type 成功设置上去?

如果有的话,麻烦给下可以复现代码的片段,我看看为什么事件抛不出来。

1026203093 commented 1 year ago

已经设置了 open-type image

但是项目中启动就报这个自定义组件的错 其他分支是没有报的 只有这个分支有 不知道是不是这个原因导致的 image

JuneAndGreen commented 1 year ago

这个报错看来是使用外部自定义组件那里配置有问题,方便给一下完整 demo 么?可以脱敏后发到邮箱 wx-miniprogram@qq.com,我本地定位一下

1026203093 commented 1 year ago

我切换了一个分支不会报这个错误,但是还是不行。我有你那个【你们这群战五渣】微信 方便的话可以远程看下么

JuneAndGreen commented 1 year ago

确认是使用了扩展库,而扩展库中的 miniprogram-element 版本过低导致,先暂时切到本地 miniprogram_npm,待后续扩展库更新后可切回扩展库。