ionic5：那些我在Android平台打包apk时踩的坑（qr-scanner二维码扫描改造）

ionic的打包和发布可以参考下面这篇文章，这里就不赘述了：

https://www.jianshu.com/p/457365fc04e0

1、网页调试没问题，打包成apk，在请求接口时一直报404的错误：

解决方法：

1、在package.json查看cordova-plugin-whitelist安装的版本，我的版本为1.3.3；

2、删掉cordova-plugin-whitelist：

cordova plugin rm cordova-plugin-whitelist

3、重新添加cordova-plugin-whitelist：

cordova plugin add [email protected]

 

2、打包的时候或者运行的时候提示找不到某些插件：

有可能npm install指令安装node_modules时，有时会很慢，或者某些插件下载失败，我们可以使用一种更快的安装依赖包的方法，那就是使用yarn指令安装：

首先我们删掉node_modules：

rm -rf node_modules 

注意：生成的package-lock.json最好也手动删掉，不然安装一些插件的时候可能一直会找里面的旧版本安装。

然后我们安装和使用yarn：

npm install -g yarn

接下来直接使用yarn的指令安装node_modules就好，你会发现安装速度更快，而且很少出错： 

yarn install

参考文档：https://blog.csdn.net/yw00yw/article/details/81354533

 

3、qrscanner使用的时候，里面的方法报错ERROR TypeError: Object(...) is not a function：

可能是版本不匹配，建议查找一下资料找找你的ionic版本对应的可以使用的qrscanner版本：

可以去ionic官方文档上查询：https://ionicframework.com/docs/native/qr-scanner

比如我使用的环境和插件版本是这样：

node                                         v10.16.3

android                                     Android SDK Manager上相关配置见下图：

ionic                                       5.4.16

qr-scanner                             4.15.0

cordova-plugin-qrscanner      2.6.0

--------------------- ---------------------- ------------------------ ----------------------

这样配置之后，qrscanner是可以正常使用的，具体用法可以参考我的另一篇博客：

https://blog.csdn.net/qq_36451496/article/details/106120282