uniapp打包app 踩坑记录

• 引入 vconsole 可能会导致报以下错误，若是有引入，注释掉看看是否还报错

reportJSException >>>> exception function:createInstanceContext, exception:white screen cause create instanceContext failed,check js stack ->Uncaught TypeError: Cannot read property ‘createElement’ of undefined

// import  VConsole  from  'vconsole'
// let vConsole = new VConsole()

• 本地存储问题

使用本地存储，应该使用uni自带的存储方式 链接

uni.setStorage(OBJECT)
uni.getStorage(OBJECT)

• css定位问题

postion: absolute;会导致页面空白，改为position: fixed就正常了(莫名其妙)。

• 使用map地图组件,未配置Maps模块，打开apk应用时候会提示如下

manifest.json中找到App模块设置，勾选Maps,选择相应的地图，填写地图应用key

• 打包成App，需要配置key,获取正确的SHA1,具体配置方法见 链接

未正确配置，会造成在使用uni.getLocation 获取当前位置时候，提示失败，location Error, ErrCode:7

• 操作cookies问题

打包成app,发现js-cookie不生效，需要使用H5+提供的方法

cookie值的格式必需符合RFC2109中定义的SET-COOKIE响应数据格式，如“test=123; expires=Friday,24-Jan-2014 16:24:36 GMT; path=/”。

H5+ Cookie 文档

plus.navigator.setCookie( url, value ) // 设置Cookie值
plus.navigator.getCookie( url ) // 获取Cookie值
plus.navigator.removeAllCookie() // 删除应用所有Cookie值
plus.navigator.removeCookie(url) // 删除应用Cookie

过期时间必须按照要求格式设置，否则不会生效

• 覆盖map地图组件实用cover-view问题

app-vue和小程序框架，渲染引擎是webview的。但为了优化体验，部分组件如map、video、textarea、canvas通过原生控件实现，原生组件层级高于前端组件（类似flash层级高于div）。为了能正常覆盖原生组件，设计了cover-view。

cover-view组件中的文字没法垂直居中，line-height 和 align-items都无法生效

可以使用H5+ 提供的创建 Webview窗口对象 Webview窗口对象 进行样式控制

let w = plus.webview.create(this.url,'btn',{
	width: '100%',
	height: '60px',
	bottom: '40px',
	background: 'transparent',
})
w.show()