相关平台
支付宝小程序
复现仓库
https://github.com/BS3385/taro-alipay-canvas-demo.git
小程序基础库: 2.9.12
使用框架: React
复现步骤
1、代码拉下后先安装依赖,node版本18.18.0,然后执行yarn dev:alipay
2、在支付宝的小程序开发者工具中打开编译后的目录,页面中canvas不显示,关闭基础库2.0构建之后可以正常显示
期望结果
canvas正常显示
实际结果
canvas在基础库2.0构建时未显示
环境信息
试过taro3.4.8及最新3.6.30都不行,实际项目使用的3.4.8,demo中是3.6.30
👽 Taro v3.6.30
Taro CLI 3.6.30 environment info:
System:
OS: macOS 14.1.1
Shell: 5.9 - /bin/zsh
Binaries:
Node: 18.18.0 - ~/.nvm/versions/node/v18.18.0/bin/node
Yarn: 1.22.19 - ~/.nvm/versions/node/v16.14.2/bin/yarn
npm: 9.8.1 - ~/.nvm/versions/node/v18.18.0/bin/npm
npmPackages:
@tarojs/cli: 3.6.30 => 3.6.30
@tarojs/components: 3.6.30 => 3.6.30
@tarojs/helper: 3.6.30 => 3.6.30
@tarojs/plugin-framework-react: 3.6.30 => 3.6.30
@tarojs/plugin-platform-alipay: 3.6.30 => 3.6.30
@tarojs/plugin-platform-h5: 3.6.30 => 3.6.30
@tarojs/plugin-platform-jd: 3.6.30 => 3.6.30
@tarojs/plugin-platform-qq: 3.6.30 => 3.6.30
@tarojs/plugin-platform-swan: 3.6.30 => 3.6.30
@tarojs/plugin-platform-tt: 3.6.30 => 3.6.30
@tarojs/plugin-platform-weapp: 3.6.30 => 3.6.30
@tarojs/react: 3.6.30 => 3.6.30
@tarojs/runtime: 3.6.30 => 3.6.30
@tarojs/shared: 3.6.30 => 3.6.30
@tarojs/taro: 3.6.30 => 3.6.30
@tarojs/taro-loader: 3.6.30 => 3.6.30
@tarojs/webpack5-runner: 3.6.30 => 3.6.30
babel-preset-taro: 3.6.30 => 3.6.30
eslint-config-taro: 3.6.30 => 3.6.30
react: ^18.0.0 => 18.3.1
7条答案
按热度按时间e1xvtsh31#
不启用基础库2.0构建
启用基础库2.0构建
vhmi4jdf2#
支付宝小程序是必须启用2.0构建的,可以切换到mpaas小程序,可以切换是否启用基础库2.0构建,我们的小程序也是mpaas小程序
332nm8kg3#
@Chen-jj@yuche@luckyadam 这个问题好长时间了,对业务产生影响,希望有人能看看
khbbv19g4#
咨询过支付宝方面,排查下来说是taro的问题
mxg2im7a5#
尝试将canvas的type="2d"属性删除,发现可以展示了
5us2dqdw6#
尝试将canvas的type="2d"属性删除,发现可以展示了
支付宝方面说type="2d" 是用新版本的Canvas,去掉的话是创建的旧版的 canvas,所以说这个问题还需要官方再关注下
tkqqtvp17#
了解,感谢反馈问题~