uniapp踩坑記錄(持續更新)

我於2020年3月30日起開始接觸uniapp平臺。從現在開始我將會持續更新我的踩坑記錄以幫助更多需要幫助的人。但由於剛剛接觸,踩的坑不多,我後續會持續更新。希望可以幫到你。

uniapp官網

1、有關於vantUI版本的問題。app和小程序必須要用vant weapp,鏈接地址爲 vant app官網地址。如果你執意要使用vantUI 那麼你可能會遇到如下的報錯信息並且在真機調式模式下,App會出現白屏的現象。

eportJSException >>>> exception function:createInstanceContext, exception:white screen cause create instanceContext failed,check js stack ->Exception: ReferenceError: Can't find variable: navigator

如果遇到了H5正常,但app不正常的問題時。推薦看下這篇文檔。 uniapp開發注意事項

2、如果涉及到圖表,請謹慎使用echart。建議使用ucharts替代echart。或是使用render.js ucharts官方插件地址
在這裏插入圖片描述3、如果是H5轉成uniapp項目,請參考下面這篇文章。
vue h5轉換uni-app指南

4、如果你之前的項目是用vantUI寫的H5項目,現在就有必要改一下了。具體請參照官方文檔中的寫法。但不能照搬,因爲官網的寫法是小程序的寫法,用vue的話需要注意下寫法。例如,在vantui裏,tab的點擊事件是@click,而在vantwebapp中則是 @change vantWebapp官網地址

5、uni-app request POST 請求方式不加 header頭會默認爲 OPTIONS,因此在進行post請求時。記得加上頭部信息

header: {
	'content-type': 'application/x-www-form-urlencoded'
},

6、 uniapp Toast提示框API地址

7、uniapp 設置全局請求超時時間

8、ucharts有個參數叫padding 數組類型,可以調整canvas圖表的上下左右間隙。同xAxis同級,例如 padding:[10,10,2,1] 上右下左

9、如果你在manifest設置了uniapp的logo不起作用。請點擊 “自動生成所有圖標並替換” 按鈕試試。(只有雲打包才生效,iOS的包是不能直接安裝到手機的,必須先上架 或 簽名)

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章