NervJS/taro

taro3.2.7不支持支付宝小程序使用原生自定义组件

Open

#9444 opened on Jun 2, 2021

View on GitHub
 (3 comments) (0 reactions) (0 assignees)TypeScript (37,306 stars) (4,897 forks)batch import
F-reactT-alipayV-3good first issue

Description

相关平台

支付宝小程序

小程序基础库: 2.0 使用框架: React

复现步骤

taro中编写自定义组件，通过taro build native-components --type alipay打包，打包后的组件拷贝至支付宝小程序中无法显示

期望结果

taro编译后的自定义组件可以在支付宝小程序中正常使用

实际结果

taro编译后的自定义组件在支付宝小程序中无法显示， 而且会报错误信息不能添加属性data

环境信息

Taro CLI 3.2.7 environment info:
    System:
      OS: macOS 10.14.6
      Shell: 3.2.57 - /bin/bash
    Binaries:
      Node: 12.13.0 - /usr/local/bin/node
      Yarn: 1.22.4 - /usr/local/bin/yarn
      npm: 7.5.4 - /usr/local/bin/npm
    npmPackages:
      @tarojs/components: 3.2.7 => 3.2.7 
      @tarojs/mini-runner: 3.2.7 => 3.2.7 
      @tarojs/react: 3.2.7 => 3.2.7 
      @tarojs/runtime: 3.2.7 => 3.2.7 
      @tarojs/taro: 3.2.7 => 3.2.7 
      @tarojs/webpack-runner: 3.2.7 => 3.2.7 
      babel-preset-taro: 3.2.7 => 3.2.7 
      eslint-config-taro: 3.2.7 => 3.2.7 
      react: ^17.0.0 => 17.0.2

补充信息

微信小程序里面可以使用，支付宝小程序中组件不显示，请问当前版本是否支持

Contributor guide

Tech stack
typescriptreactnodejs
Domain
frontendmobile
Issue type
bug
DifficultyEstimated implementation difficulty for a new contributor, from 1 for very small changes to 5 for expert-level work.
3
Estimated timeA rough time range for an experienced contributor to investigate, implement, test, and prepare a pull request.
half day
Activity statusHow available the issue appears right now: fresh, active, stale, blocked, or waiting on maintainer input.
fresh
ClarityHow clearly the issue explains the expected change, acceptance criteria, and next step.
clear
Prerequisites
Taro frameworkAlipay mini program development
Newbie friendlinessA 1-100 score estimating how approachable this issue is for first-time contributors.
60
Research direction
Investigate the native components build output for Alipay mini program. Focus on the template generation causing error '<template name='tmpl 0 #text'> cannot add attribute data'. Check the Taro source code in packages/taro mini runner or related Alipay plugin for custom component compilation. Compare working WeChat output vs Alipay to identify differences. Review existing comments and any related PRs for potential fixes.