vue3 AvatarCropper小程序报错 TypeError: Cannot read property 'node' of null

[yangyingbiao]

NutUI 包名

@nutui/nutui-taro

NutUI 版本号

4.3.0

平台

weapp

重现链接

https://nutui.jd.com/playground/#eyJBcHAudnVlIjoiPHRlbXBsYXRlPlxuICA8bnV0LWF2YXRhci1jcm9wcGVyIHNoYXBlPVwic3F1YXJlXCIgQGNvbmZpcm09XCJjb25maXJtXCI+XG4gICAgICA8bnV0LWF2YXRhciBzaXplPVwibGFyZ2VcIiBzaGFwZT1cInNxdWFyZVwiPlxuICAgICAgICAgIDxpbWcgdi1pZj1cImltYWdlVXJsXCIgOnNyYz1cImltYWdlVXJsXCIgLz5cbiAgICAgIDwvbnV0LWF2YXRhcj5cbiAgPC9udXQtYXZhdGFyLWNyb3BwZXI+XG48L3RlbXBsYXRlPiJ9

重现步骤

<nut-avatar-cropper shape="square" @confirm="confirm">

期望的结果是什么？

正常使用

实际的结果是什么？

TypeError: Cannot read property 'node' of null
at Object. (.node_modules.pnpm_@[email protected][email protected]_vue@3.4.19_node_modules_@nutui_nutui-taro_dist_packages_avatarcropper_AvatarCropper.js:183)
at Function. (WAServiceMainContext.js?t=wechat&s=1708735279343&v=3.3.4:1)
at :30069/appservice/
at WAServiceMainContext.js?t=wechat&s=1708735279343&v=3.3.4:1
at WAServiceMainContext.js?t=wechat&s=1708735279343&v=3.3.4:1
at Array.forEach ()
at WAServiceMainContext.js?t=wechat&s=1708735279343&v=3.3.4:1
at WAServiceMainContext.js?t=wechat&s=1708735279343&v=3.3.4:1
at WASubContext.js?t=wechat&s=1708735279343&v=3.3.4:1
at ve (WASubContext.js?t=wechat&s=1708735279343&v=3.3.4:1)(env: Windows,mp,1.06.2306020; lib: 3.3.4)

useReady(() => {
if (showCanvas2D.value) {
const { canvasId } = canvasAll;
Taro.createSelectorQuery().select(#${canvasId}).node(({ node: canvas }) => {
canvas.width = state.displayWidth;
canvas.height = state.displayHeight;
canvasAll.cropperCanvas = canvas;
}).exec();
}
});

环境信息

"@tarojs/taro": "3.6.5",
"@nutui/nutui-taro": "^4.3.0",

其他补充信息

node

[yangyingbiao]

是微信小程序的原因，useReady(() => {
setTimeout(() => {
if (showCanvas2D.value) {
const { canvasId } = canvasAll;
Taro.createSelectorQuery().select(#${canvasId}).node(({ node: canvas }) => {
canvas.width = state.displayWidth;
canvas.height = state.displayHeight;
canvasAll.cropperCanvas = canvas;
}).exec();
}
}, 500)
});
延时再获取createSelectorQuery

[yi-boide]

你在你的项目中是怎么使用的？官方例子我允行在微信小程序没有发现这个问题。

[github-actions]

你好 @yangyingbiao, 我们需要你提供一个最小重现实例以便于我们帮你排查问题。你可以提供一个基于 Taro NutUI4.0 模板项目的 GitHub 仓库链接（@nutui/nutui-taro），也可以通过 CodeSandbox 创建一个在线实例（@nutui/nutui）。请确保选择准确的版本。