taro 小程序转h5之后报错_使用taro命令(taro convert)转h5碰到的一些问题

自 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<