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的包是不能直接安装到手机的,必须先上架 或 签名)

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