cordova打包vue项目的问题及解决办法(mac)

最新推荐文章于 2023-08-01 18:34:48 发布
最新推荐文章于 2023-08-01 18:34:48 发布
阅读量1.2k 收藏
点赞数
分类专栏： web前端 文章标签： cordova vue
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/fanjun_/article/details/80817001
版权

android配置

  1. java jdk环境变量配置

    https://blog.csdn.net/vvv_110/article/details/72897142

  2. gradle配置

    https://blog.csdn.net/hanfengzqh/article/details/78184851

  3. android studio可以在官网下载，android sdk也可以在android studio官网上找到
    http://www.android-studio.org/

  4. jdk和sdk会有版本的对应关系，如果不对应的话，cordova requirements会有提示要求需要哪个版本(重点)


ios配置

  1. npm install -g ios-deploy时会出现Unableto create directory:/usr/local/lib/node_modules/ios-deploy/build/ios-deploy.build/Release/io
    输入sudonpm install -g ios-deploy --unsafe-perm=true
  2. 安装cocoapods(好像不安这个也能打包)

    https://www.jianshu.com/p/1e7ab521000b

  3. 打包完后xcode打开.xcodeprog文件
幸运人1
关注
专栏目录
用Cordova打包Vue项目的方法步骤
10-17
主要介绍了用Cordova打包Vue项目的方法步骤，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
使用Cordova来打包vue项目 mac上安装的Android平台
Bundyli的博客
04-25 1344
使用Cordova来打包vue项目 mac上安装的Android平台 刚到公司，老大就让用Cordova来打包测试下写了一般的手机端项目，查看第三方接口的调用情况，无奈，只能硬着头皮上了，下面是整个流程，已经调试成功，亲们可以尝试着，跑下。 * 1. 无论是mac还是Windows，得先安装node，npm，这里不做详述 * 2. 全局安装Cordova，可以通过cordova -v 来判...
Cordova+Vue2.0打包apk，保姆教程来袭！
最新发布
zm17671443092的博客
08-01 1625
1.环境准备（全部都需要配置环境变量）4.config.xml配置。5.安卓9以上无法发生请求。3.安装cordova。
使用 Cordova 跨平台打包 Vue
nonlinearthink的博客
10-24 736
想要更好的阅读体验，可以转我的个人博客。 Cordova 安装 使用 npm 安装 cordova 命令行: npm install -g cordova 创建 Vue 项目: vue create cordova-test 找了一圈 Vue 的 Cordova 插件，个人觉得最好用的是这个: vue-cli-plugin-cordova-simple。这位老哥写得这么好，都没人帮他宣传。 vue add vue-cli-plugin-cordova-simple 新建 vue.config.js 文
cordova 打包 vue项目
zhSpace的博客
11-30 2390
1、安装cordova npm install -g cordova 2、新建cordova项目 cordova create jtcsm com.xx.jtcsm eat jtcsm是项目名称 com.xx.jtcsm是包名 eat app标题 3、创建完新的cordova项目后将 vue编译完后dist文件夹下的文件复制到 www文件夹下 * 记得将原先www文件夹内的文件全部删除 4、检查环境是否准备就绪 cordova requirements 5、生成签名...
解决cordova+vue 项目打包成APK应用遇到的问题
11-29
本篇文章将详细讲解如何解决在使用Cordova和Vue.js进行项目打包过程中可能遇到的问题。 首先，我们需要确保开发环境的正确配置。安装Node.js是构建这种混合应用的第一步。你可以访问Node.js的官方网站下载最新版本...
教你用Cordova打包Vue项目的方法
08-29
使用Cordova打包Vue项目的方法 在近些年来，混合开发App变得越来越流行，许多开发者选择使用Vue框架来开发混合App，但是当开发完成后，很多人不知道如何将Vue项目打包成App。目前流行的打包方法有weex和Cordova两种...
cordova 打包vue项目为apk
十三月的博客
06-01 542
Apache Cordova是一个开源的移动开发框架。允许你用标准的web技术-HTML5,CSS3和JavaScript做跨平台开发。 应用在每个平台的具体执行被封装了起来，并依靠符合标准的API绑定去访问每个设备的功能，比如说：传感器、数据、网络状态等。 实现目标： 讲一个vue项目打包为apk使用。由于这个项目是已有的项目，重写工作量太大，所以无法使用uniapp。上网了解到可以使用Cordova，将一个vue项目打包为apk。 准备工作： 安装cordova $ npm install -g.
Cordova + vue 打包安卓(Android) apk
m0_55534317的博客
09-26 3765
在生成的cordova文件中 :config.xml -包含应用相关信息，使用到的插件以及面向的平台platforms – 包含应用运行平台如 Android 和 iOS 上对应的 Cordova 库plugins – 包含应用所需插件的 Cordova 库，使得应用能够访问例如照相机和电池状态相关的事项。在打包之前，检查打包相关环境是否正确安装，在cordova项目文件夹下执行命令。就可以看到手机或者pad上出现我们的Vue项目啦！就可以看到手机或者pad上出现我们的Vue项目啦！
cordova+vue打包错误的解决【主要是路径问题】
我的技术博客
06-05 1385
在用cordova打包vue项目时，一个命令下去，一堆错误！命令如下所示： cordova requirements 【该命令是检查打包的相关环境是否符合要求的】 一、具体错误如下所示【包括错误截图，以便大家观瞻】 Java JDK: not installed Failed to run "javac -version", make sure that you have a JDK version 8 installed. You can get it from the following loc
vue用cordova打包成app后，路由不正常工作
qq_42877655的博客
04-26 931
在浏览器里可以正常使用，但是一旦打包成手机app就会出现问题，也不报错，现实的首页也可以正常使用，就是不能跳转，上网查了一下问题的原因可能是你的路由地址有问题，打包后cordova识别不了。 在我检查了一段时间后发现是这个，删掉就好，不影响你的任何操作 router.js 路由管理文件 new VueRouter({ routes, // mode: 'history' <<...
Cordova+Vue打包APP
DayDreamWMM的博客
12-07 2966
打包APP步骤：（除非特殊说明，以下步骤均为Windows环境） 1.安装node环境 2.安装cordova插件 3.配置安卓的SDK和JDK环境变量（Android），配置iOS的xcode环境（iOS） 4.整合vue到cordova 安装node环境： 首先去官网下载node.js，传送门node.js下载地址，推荐下载长期支持版 Node.js下载完成之后，一步步默认安装就可以，安装完...
cordova+vue 项目打包成APK应用遇到的问题和解决方法
weixin_30586257的博客
05-09 566
公司前端界面用的是vue，我要嵌入到Android中生成App第一步：安装nodenode安装：直接进入官网https://nodejs.org/zh-cn/，下载最新版本安装。安装之后在命令行中使用”node -v” 检查安装是否成功。npm安装：由于新版的nodejs已经集成了npm，所以node安装时npm也一并安装好了。同样可以通过输入 “npm -v” 来测试是否成功安装。第二步：安装c...
CORDOVA+VUE打包APK文件无法访问数据接口
jiwufeiyang的博客
08-01 3939
CORDOVA+VUE打包APK文件无法访问数据接口 CORDOVA+VUE打包后运行APP，但是app中的数据请求都失败了，原因是安装的Android SDK版本较高，默认开启了对非加密明文传输的保护，所以通过http网络请求数据不会成功。 解决方法：进入项目文件夹 cordova platform remove android cordova platform add android@6.3...
如何使用cordova打包vue项目
BlueRose_Blog
03-14 3779
一.准备环境 1.安装node和npm； #npm 2.安装好vue环境： 3.安装好cordova，官网链接地址：http://cordova.axuer.com/#getstarted #npm install -g cordova 二.建立项目 1. 建立vue项目； 2. 在vue的项目文件目录中建立一个cor...
vue项目打包为APP，静态资源正常显示，但API请求不到数据
心有猛狗
08-17 9061
Vue项目通过Hbuild打包为APP后，静态文件正常显示，但并没有请求到数据的接口。 这是为什么？在打包前在浏览器测试时是能正常显示数据的，而APP中静态文件、布局样式显示正常，所以我把问题定位到了接口通信上。 APP并没有跨域，不存在跨域一说。 我在开发的时候，给项目设置代理来跨域 config下的index.js 比如这个 proxyTable: { '/api':{ ta...
Cordova打包Vue项目
HangMine的博客
12-09 1827
第一步：安装cordova 如果已经安装则直接跳过，否则执行以下命令： npm install -g cordova 如果这个命令都不会运行，那我建议你不要继续往下看了。第二步：新建cordova项目执行命令cordova create cordovaApp com.cordova.testapp cd cordovaApp cordova platform add android 到这里我们的c
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值