最近项目要求使用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'
]
大家细品吧