taro AtTextarea编译后不能输入、聚焦;查看编译后的dom树缺少textarea标签

wgx48brx  于 4个月前  发布在  其他
关注(0)|答案(3)|浏览(77)

相关平台

微信小程序

复现仓库

https://gitee.com/hoseale/taroui-textarea-bug.git
小程序基础库: 2.30.2
使用框架: React

复现步骤

  1. 安装taro的3.6.2版本cli
  2. taro init初始化项目,选择taro-ui、less模板
  3. 安装依赖,在pages/index/index页面里添加一个AtTextarea组件
  4. 编译到小程序,打开微信开发工具

期望结果

AtTextarea可聚焦,可输入内容

实际结果

  1. AtTextarea不可聚焦,不能输入内容
  2. 查看微信开发工具控制台,dom树缺少textarea标签

环境信息

👽 Taro v3.6.2

  Taro CLI 3.6.2 environment info:
    System:
      OS: Windows 10
    Binaries:
      Node: 14.21.3 - C:\sofe\node-v14.21.3-win-x64\node.EXE
      npm: 6.14.18 - C:\sofe\node-v14.21.3-win-x64\npm.CMD
x8diyxa7

x8diyxa72#

改下编译配置看看

compiler: {
		type: 'webpack5',
		prebundle: {
			enable: false,
		},
	},

另外, taro-ui 好久不更新了,个人不推荐再使用

y4ekin9u

y4ekin9u3#

原因是在 Dev 模式下 Taro 会把项目的 node_modules 依赖打包成单独文件,二次编译只编译项目代码,但是 node_modules 包中引用的 @tarojs/components 组件不会被成功的挂载到 dom 节点上,这应该是 Taro 新版本中的 bug,希望修复。

相关问题