Taro填坑记

最近项目要求使用Taro框架来开发，目的是同时支持H5，RN及微信小程序，于是开始了我的填坑之旅，以下是使用中的遇到的问题。

PS：这篇文章会不断地更新。

坑1：px编译后被自动转换成了rem？？？

由于之前在Vue项目中写过一套CSS，于是便照搬丢到了Taro的项目当中，编译之后在浏览器中发现px居然被自动转换成了rem，在微信小程序中运行之后亦是如此，于是将项目查了个底朝天，确定是Taro搞的鬼，后来又怀疑是postcss造成的原因，但苦于小弟前端的菜鸟级别水平，不能确定也找不到修改的地方，最后还是在某度看到了一位老兄的回答帮助我解决了这个问题。

解决方法：用PX或者Px替代px，很神奇但是也很有用，别问我为什么我也不知道，有知道的朋友可以回复我一下。

坑2：<Image>组件如何加载本地图片？

按照理解都是 src='图片地址' 即可，后来发现图片一直显示不出来，那么只能怀疑地址不正确或者src的使用不正确了。最后发现本地图片的加载必须使用 src={require('图片地址')} 的形式才能显示出来。

解决方法：src={require('图片地址')}

坑3：Taro.switchTab()路径明明正确，但是还是跳转不过去？

准确地说也不算是坑，但是还是有必须提一下，因为很容易漏写
我以为的写法：

Taro.switchTab({
  url: 'pages/home/home''
})

正确的写法：

Taro.switchTab({
  url: '/pages/home/home''
})

其实是受app.jsx的影响

pages: [
  'pages/home/home'
]

大家细品吧

解决方法：switchTab中的url最前面必须加上'/'