开发 公司项目有几天了 设备没来就被有 打包成app测试
今天测试 发现 设备上白屏 不能使用 就疯狂的搜索解决方案 试了一天几乎试完了网上所有的 解决方案
解决的过程 我使用hbuilder 云打包
1.打开设备浏览器 能看, 打包成app 安装不能看
1.怀疑自己 图片 是中文解析不了
讲 打包后 img里面的用到的图片 换成为英文-----未解决
2.用 codova 打包成桌面端可用, 但是这 不是 spk --- 只是测试
3.怀疑是 vue-cli3 脚手架问题
新建 vue-cli2.9 和 vue-cli3 分别在公司安卓设备测试 --- 都能使用 就是 vue-cli3 图片不显示 找不到
而后自己讲 自己项目 vue-cli3-->vue-cli2.9 转移了
4. 突破发现--之前一直以为是 图片打包原因
下载了 夜神模拟器 发现和 公司设备一样的 白屏
回家 无聊 下载在自己手机上 看看----竟然能使
这时怀疑是 不兼容 安卓 版本的问题了
5.到了兼容性 问题就麻烦了, 因为没有 模拟器 和 公司设备 不能打印console.log
6.突破 使用 ie-10 来测试 也是白屏 ------因为每次改完 打包才能测试 怀疑是不是解决了ie 就解决了安卓 4.4
**这时一直使用自己写的项目测试-
尝试了 网上 解决低版本 安卓的 许多方法(刷了一下午 网站来查)--都没有解决
7. ie 有打印 我就把打印错误 放到网上 查还是 没有 解决
8. 突破 看到打印 里面 错误定位 涉及到一个 es6语法 然后 解决了语法 的插件 还是不起作用
最后发现 这 错误提示 行数 在一个 滑动条 Ui 下面
猜测是不是 使用了这个 ui插件的原因(代码 是 过年前写的 这个插件也是网上 别人写的)
重新 安装vue-cli2.9 插件 完后 ie 尝试 可以打开 -- 安装了这个插件 报的错误 和 我之前的bug 一样 白屏
喜出望外----然后将自己项目 里面这个ui滑动条插件 卸载, 使用的地方 注释---竟然ie 可以使用
9.希望 我这个 bug ie 兼容 和 app 安装低版本 不兼容 是一个bug
10. 打包 成 app 夜神浏览器 可以使用
总结: 打包成 app 公司安装设备不能使用
1.图片 打包 路径问题 什么配置 打包路径 "/" "./"
2.ie6 语法不兼容 问题
安装插件--借鉴网上大神配置
https://blog.csdn.net/landl_ww/article/details/79149461
vuex 等等 都要应用 这个插件---并且要在 最前面 引用
3.我的bug---用了 第三方 私人 写的 ui滑动条
***这个 细节导致的 很难 发现, 主要是谷歌可以,其他 打包也可以 就是模拟器不行 公司设备不行, 最后尝试ie 看 输出 才慢慢有思路解决
*****一定 不要用 不是基于vue的 ui , 特别是私人改写的ui 小插件
** 解决 app 先尝试 ie10 浏览器--因为vue是基于ie9以上(谷歌支持ie10不支持 肯定是 代码问题)
特此记下
网友评论