jdf2e/nutui

如果是在微信小程序组件中使用AvatarCropper报错:TypeError: Cannot read property 'createImage' of null

Closed this issue · 0 comments

NutUI 包名

@nutui/nutui-taro

NutUI 版本号

4.3.11

平台

weapp

重现链接

https://codesandbox.io/p/devbox/rv5mcg?migrateFrom=tryhgn&layout=%257B%2522sidebarPanel%2522%253A%2522EXPLORER%2522%252C%2522rootPanelGroup%2522%253A%257B%2522direction%2522%253A%2522horizontal%2522%252C%2522contentType%2522%253A%2522UNKNOWN%2522%252C%2522type%2522%253A%2522PANEL_GROUP%2522%252C%2522id%2522%253A%2522ROOT_LAYOUT%2522%252C%2522panels%2522%253A%255B%257B%2522type%2522%253A%2522PANEL_GROUP%2522%252C%2522contentType%2522%253A%2522UNKNOWN%2522%252C%2522direction%2522%253A%2522vertical%2522%252C%2522id%2522%253A%2522clzm36oli00063j6ivlu7xta2%2522%252C%2522sizes%2522%253A%255B70%252C30%255D%252C%2522panels%2522%253A%255B%257B%2522type%2522%253A%2522PANEL_GROUP%2522%252C%2522contentType%2522%253A%2522EDITOR%2522%252C%2522direction%2522%253A%2522horizontal%2522%252C%2522id%2522%253A%2522EDITOR%2522%252C%2522panels%2522%253A%255B%257B%2522type%2522%253A%2522PANEL%2522%252C%2522contentType%2522%253A%2522EDITOR%2522%252C%2522id%2522%253A%2522clzm36oli00023j6iu7uztiln%2522%257D%255D%257D%252C%257B%2522type%2522%253A%2522PANEL_GROUP%2522%252C%2522contentType%2522%253A%2522SHELLS%2522%252C%2522direction%2522%253A%2522horizontal%2522%252C%2522id%2522%253A%2522SHELLS%2522%252C%2522panels%2522%253A%255B%257B%2522type%2522%253A%2522PANEL%2522%252C%2522contentType%2522%253A%2522SHELLS%2522%252C%2522id%2522%253A%2522clzm36oli00043j6i9eveord1%2522%257D%255D%252C%2522sizes%2522%253A%255B100%255D%257D%255D%257D%252C%257B%2522type%2522%253A%2522PANEL_GROUP%2522%252C%2522contentType%2522%253A%2522DEVTOOLS%2522%252C%2522direction%2522%253A%2522vertical%2522%252C%2522id%2522%253A%2522DEVTOOLS%2522%252C%2522panels%2522%253A%255B%257B%2522type%2522%253A%2522PANEL%2522%252C%2522contentType%2522%253A%2522DEVTOOLS%2522%252C%2522id%2522%253A%2522clzm36oli00053j6iyh1x9sx1%2522%257D%255D%252C%2522sizes%2522%253A%255B100%255D%257D%255D%252C%2522sizes%2522%253A%255B50%252C50%255D%257D%252C%2522tabbedPanels%2522%253A%257B%2522clzm36oli00023j6iu7uztiln%2522%253A%257B%2522tabs%2522%253A%255B%257B%2522id%2522%253A%2522clzm36olh00013j6irn47acbi%2522%252C%2522mode%2522%253A%2522permanent%2522%252C%2522type%2522%253A%2522FILE%2522%252C%2522filepath%2522%253A%2522%252Fpackage.json%2522%257D%255D%252C%2522id%2522%253A%2522clzm36oli00023j6iu7uztiln%2522%252C%2522activeTabId%2522%253A%2522clzm36olh00013j6irn47acbi%2522%257D%252C%2522clzm36oli00053j6iyh1x9sx1%2522%253A%257B%2522id%2522%253A%2522clzm36oli00053j6iyh1x9sx1%2522%252C%2522tabs%2522%253A%255B%255D%257D%252C%2522clzm36oli00043j6i9eveord1%2522%253A%257B%2522id%2522%253A%2522clzm36oli00043j6i9eveord1%2522%252C%2522tabs%2522%253A%255B%257B%2522id%2522%253A%2522clzm36oli00033j6i58hwmkh2%2522%252C%2522mode%2522%253A%2522permanent%2522%252C%2522type%2522%253A%2522TERMINAL%2522%252C%2522shellId%2522%253A%2522clzm36p2k0011dif8g3yv63z0%2522%257D%255D%252C%2522activeTabId%2522%253A%2522clzm36oli00033j6i58hwmkh2%2522%257D%257D%252C%2522showDevtools%2522%253Atrue%252C%2522showShells%2522%253Atrue%252C%2522showSidebar%2522%253Atrue%252C%2522sidebarPanelSize%2522%253A15%257D

重现步骤

如sandbox里的代码,在组件中使用AvatarCropper出现此错误,如果是直接在页面中使用则无此问题,但在滑动被处理图片时会卡顿严重

期望的结果是什么?

能在子组件中正常使用,交互体验流畅。

实际的结果是什么?

上传的图片无法识别,报错;

环境信息

Taro CLI 3.6.34 environment info:
System:
OS: Windows 10 10.0.19045
Binaries:
Node: 20.15.1 - D:\NodeJS\node.EXE
Yarn: 1.22.22 - D:\node_global\yarn.CMD
npm: 10.7.0 - D:\NodeJS\npm.CMD
npmPackages:
@tarojs/cli: 3.6.34 => 3.6.34
@tarojs/components: 3.6.34 => 3.6.34
@tarojs/helper: 3.6.34 => 3.6.34
@tarojs/plugin-framework-vue3: 3.6.34 => 3.6.34
@tarojs/plugin-html: 3.6.34 => 3.6.34
@tarojs/plugin-platform-alipay: 3.6.34 => 3.6.34
@tarojs/plugin-platform-h5: 3.6.34 => 3.6.34
@tarojs/plugin-platform-jd: 3.6.34 => 3.6.34
@tarojs/plugin-platform-qq: 3.6.34 => 3.6.34
@tarojs/plugin-platform-swan: 3.6.34 => 3.6.34
@tarojs/plugin-platform-tt: 3.6.34 => 3.6.34
@tarojs/plugin-platform-weapp: 3.6.34 => 3.6.34
@tarojs/runtime: 3.6.34 => 3.6.34
@tarojs/shared: 3.6.34 => 3.6.34
@tarojs/taro: 3.6.34 => 3.6.34
@tarojs/taro-loader: 3.6.34 => 3.6.34
@tarojs/webpack5-runner: 3.6.34 => 3.6.34
babel-preset-taro: 3.6.34 => 3.6.34
eslint-config-taro: 3.6.34 => 3.6.34

其他补充信息

微信小程序调试基础库版本:3.5.1