本文介绍了使用Taro convert命令将微信小程序转换为H5过程中遇到的问题，包括样式转换、页面参数传递、Image标签、授权按钮、swiper组件等，并提供了相应的解决办法。此外，还提到了async函数的支持以及block标签转换的影响，提醒开发者注意事件绑定的处理。
自 v1.2.0 开始支持此功能
Taro 可以将你的原生微信小程序应用转换为 Taro 代码，进而你可以通过 taro build 的命令将 Taro 代码转换为对应平台的代码，或者对转换后的 Taro 代码进行用 React 的方式进行二次开发。
微信原生小程序转 Taro 的操作非常简单，首先必须安装使用 npm i -g @tarojs/cli 安装 Taro 命令行工具，其次在命令行中定位到小程序项目的根目录，根目录中运行：
$ taro convert
即可完成转换。转换后的代码保存在根目录下的 taroConvert 文件夹下。你需要定位到 taroConvert 目录执行 npm install 命令之后就可以使用 taro build 命令编译到对应平台的代码。
转换完成后需要注意一下几点：
1. 样式问题：
在scss文件里，像素单位为px，但是这个值指的是rpx也就是说750px编译成小程序也就是750rpx，但是如果在行内样式就不一样rpx是rpx，px是px，但是h5不支持rpx，因此这里就出现了Taro.pxTransform(750)这个转换方法，只要是动态在行内样式都需要
Taro.pxTransform().
2. 页面传参数：
这里不在是options了，现在是this.$route.params 相当于是小程序里的 onload里的options
3. Image标签问题：
小程序的Image转换到h5,taro的组件Image，你在页面查看元素会发现img外面套了一个div还自带了小程序image的样式，这里最脏了需要自己手动修改taro-image的width<
最低0.47元/天 解锁文章
201
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
