vue+cordova开发webapp,安装cordova camera插件所遇到的坑(Unable to load PlatfomApi from platform......Api.js)

最近老板让我用phonegap平台和vue框架开发一个webapp的一个上传头像的界面,初次接触phonegap,从安装到使用遇到了好多坑,也查了很多的资料,首先安装以及配置环境就不多说了大家可以参考:
https://blog.csdn.net/webxiaoma/article/details/53454545
https://blog.csdn.net/aaawqqq/article/details/19755179
这两篇看看应该基本都能完成配置和运行了。
而Vue.js 2.0和Cordova开发webApp环境搭建大家可以参考下面的文章,讲的很详细
https://blog.csdn.net/asiacren/article/details/76490962
按照上面的步骤基本就能完成项目的搭建了。
接下来就是讲我所遇到的坑了,安装cordova plugin camera插件时报错,如下图所示,老是不成功,在国内百度查了好多资料都没有解决办法,好像就我一个人遇到了这个error一样。
vue+cordova开发webapp,安装cordova camera插件所遇到的坑(Unable to load PlatfomApi from platform......Api.js)_第1张图片
老是安装不上,说是缺少API.js,browser 不支持。
最后,到外网上查了查终于找到解决办法。
vue+cordova开发webapp,安装cordova camera插件所遇到的坑(Unable to load PlatfomApi from platform......Api.js)_第2张图片
vue+cordova开发webapp,安装cordova camera插件所遇到的坑(Unable to load PlatfomApi from platform......Api.js)_第3张图片
vue+cordova开发webapp,安装cordova camera插件所遇到的坑(Unable to load PlatfomApi from platform......Api.js)_第4张图片
如图所示,出现这个问题的原因可能是phonegap模板生成器存在问题,它会安装旧的或损坏的浏览器版本,而解决的办法就是删除浏览器平台并重新添加。
在命令台输入如下代码:

phonegap platform rm browser && phonegap platform add browser

如果不行也可以尝试分离命令(楼主就是用的这个)
先卸载:

phonegap platform rm browser

然后再安装:

phonegap platform add browser

之后在安装插件就成功了
vue+cordova开发webapp,安装cordova camera插件所遇到的坑(Unable to load PlatfomApi from platform......Api.js)_第5张图片

好了,今天的分享就到这里了。
楼主只是个刚接触vue和phonegap、cordova的小白实习生一枚,如果有哪里说错或者不足的地方欢迎提出来,也欢迎评论,谢谢。

你可能感兴趣的:(vue,cordova,webapp)