Cordova+Vue自定义插件插入安装失败踩坑记

Cordova+Vue自定义插件踩坑记--android篇

  • 大家好,我是踩坑小王子,最近在做cordova vue项目,需要编写自定义插件。当清楚自定义插件的定义后,就是android java代码的事情了。
    • 踩坑内容:
    • 解决方案:
    • 插入链接与图片

大家好,我是踩坑小王子,最近在做cordova vue项目,需要编写自定义插件。当清楚自定义插件的定义后,就是android java代码的事情了。

踩坑内容:

1.cordova no such file or directory, stat ‘D:\myvue\patrol\node_modules\mystoa’
当我们编写好的自定义插件需要在最后加入项目的plugins文件夹时,总是报这个错。这会导致项目的node_modules出现无效的快捷方式,同时,在plugins文件夹下的android.json文件中,没有添加该插件的映射。如图:
Cordova+Vue自定义插件插入安装失败踩坑记_第1张图片
Cordova+Vue自定义插件插入安装失败踩坑记_第2张图片

解决方案:

1.移除cordova项目的plugins文件夹下的android.json中关于你自定义插件的失败信息,请不要误删其他文件,这个文件删错会对所有插件的写入产生影响。比如:Unexpected token } in JSON at position 1504;将你的自定义插件进行备份,然后删除该目录下你的自定义插件,整个删除。3.删除项目node_modules下,关于你自定义插件的文件。
Cordova+Vue自定义插件插入安装失败踩坑记_第3张图片
2.**关键一步1:**将你的自定义插件移放到你的项目文件夹下,比如:Cordova+Vue自定义插件插入安装失败踩坑记_第4张图片
3.关键一步2:然后cd到platforms目录下,cmd如下:cordova plugin add D:\myvue\patrol\toast-plugin,即可添加成功。亲测成功有效。
项目测试:
Cordova+Vue自定义插件插入安装失败踩坑记_第5张图片
Cordova+Vue自定义插件插入安装失败踩坑记_第6张图片

cordova+Vue自定义插件的实现过程参考博主文章,链接如下:

插入链接与图片

链接: Android+Cordova混合开发以及Cordova自定义插件.

美女镇楼,放松回家: Cordova+Vue自定义插件插入安装失败踩坑记_第7张图片

你可能感兴趣的:(vue,移动开发,cordova,Vue,踩坑)