最近項(xiàng)目要求使用Taro框架來開發(fā)恨锚,目的是同時(shí)支持H5樟澜,RN及微信小程序琐旁,于是開始了我的填坑之旅涮阔,以下是使用中的遇到的問題。
PS:這篇文章會不斷地更新灰殴。
坑1:px編譯后被自動轉(zhuǎn)換成了rem敬特??牺陶?
由于之前在Vue項(xiàng)目中寫過一套CSS伟阔,于是便照搬丟到了Taro的項(xiàng)目當(dāng)中,編譯之后在瀏覽器中發(fā)現(xiàn)px居然被自動轉(zhuǎn)換成了rem义图,在微信小程序中運(yùn)行之后亦是如此减俏,于是將項(xiàng)目查了個(gè)底朝天,確定是Taro搞的鬼碱工,后來又懷疑是postcss造成的原因娃承,但苦于小弟前端的菜鳥級別水平,不能確定也找不到修改的地方怕篷,最后還是在某度看到了一位老兄的回答幫助我解決了這個(gè)問題历筝。
解決方法:用PX或者Px替代px,很神奇但是也很有用廊谓,別問我為什么我也不知道梳猪,有知道的朋友可以回復(fù)我一下。
坑2:<Image>組件如何加載本地圖片蒸痹?
按照理解都是 src='圖片地址' 即可春弥,后來發(fā)現(xiàn)圖片一直顯示不出來,那么只能懷疑地址不正確或者src的使用不正確了叠荠。最后發(fā)現(xiàn)本地圖片的加載必須使用 src={require('圖片地址')} 的形式才能顯示出來匿沛。
解決方法:src={require('圖片地址')}
坑3:Taro.switchTab()路徑明明正確,但是還是跳轉(zhuǎn)不過去榛鼎?
準(zhǔn)確地說也不算是坑逃呼,但是還是有必須提一下,因?yàn)楹苋菀茁?br> 我以為的寫法:
Taro.switchTab({
url: 'pages/home/home''
})
正確的寫法:
Taro.switchTab({
url: '/pages/home/home''
})
其實(shí)是受app.jsx的影響
pages: [
'pages/home/home'
]
大家細(xì)品吧