cordova打包踩坑合集（Solve more than 95% of problems）

JDK環境配置

下載安裝

Oracle JDK下載

• 選擇對應平臺安裝即可

環境變量配置

1. 在此電腦->屬性->高級屬性設置->環境變量中添加JAVA_HOME
   
2. 在此電腦->屬性->高級屬性設置->環境變量中添加CLASSPATH
   .;%JAVA_HOME%\lib\tools.jar;%JAVA_HOME%\lib\dt.jar
   
3. 在Path中添加環境變量 %JAVA_HOME%\jre\bin 和 %JAVA_HOME%\bin點擊確認按鈕直到再次回到控制面板。

測試

在cmd窗口輸入 java -version 出現版本號即可
在cmd窗口輸入 javac -version 出現版本號即可

• 到此JDK環境配置完成

Android Studio安裝&配置

Android Studio下載地址
安裝參考：文章

SDK配置

1. 新建ANDROID_HOME環境變量爲上述SDK地址
   
2. Path新增環境變量 %ANDROID_HOME%\tools 和 %ANDROID_HOME%\platform-tools,點擊確認按鈕直到再次回到控制面板。

測試SDK

在cmd中輸入adb，出現如下界面即可

• 到此SDK配置完成

gradle配置

1. 新建 GRADLE_HOME 的變量，值爲.gradle\wrapper\dists目錄下的版本路徑
   
2. path添加環境變量 %GRADLE_HOME%\bin，點擊確認按鈕直到再次回到控制面板。

測試gradle

cmd輸入gradle -version出現版本號即可

---

至此，所需環境安裝並配置完成

---

cordova全局安裝

npm install -g cordova
或者
yarn global add cordova # 推薦使用yarn 

• 檢測是否安裝成功，在cmd中輸入 cordova -v

cordova打包apk

1. 通過cordova創建項目

cordova create app

2. 進入app目錄，爲項目添加平臺（注意是否在cordova項目中）

cordova platform add android --save

3. 打包Vue項目獲取dist目錄下所有文件，並替換cordova項目/www目錄下所有文件

   • Vue項目根目錄新建vue.config.js,添加以下內容

     module.exports = {
       publicPath: './',
       outputDir: 'dist',
       assetsDir: 'static'
     }
     

   • 執行npm run build，將vue項目打包成dist包
     
   • 替換www文件夾下內容
     

4. 確認環境是否正常，開始打包

cordova requirements

cordova build android

測試apk（可以使用自己的手機、夜神模擬器、android studio的AVD等等）

這裏採用逍遙模擬器演示

至此cordova打包完成

---

下面是踩坑合集（不要錯過）

cordova create新建項目失敗

1. 找到全局安裝Cordova的目錄（一般在錯誤信息中有顯示）
   
2. 重新執行cordova create即可正常創建

安裝apk的android環境過高(安卓9.0以上)時，會出現無法登錄等錯誤

1. 找到Cordova項目打包後的 AndroidMainfest.xml 文件application標籤添加以下配置

android:networkSecurityConfig="@xml/network_security_config"

2. 在 AndroidMainfest.xml同級目錄res/xml文件夾，新建文件network_security_config.xml
   
   內容如下：

<?xml version="1.0" encoding="utf-8"?>
<network-security-config>
     <base-config cleartextTrafficPermitted="true" />
</network-security-config>

3. 重新執行命令cordova build android，此時生成的apk就可以在安卓9.0以上版本中使用

Could not download fastutil.jar (it.unimi.dsi:fastutil:7.2.0)

在build.gradle中增加兩行代碼即可

maven { url 'http://maven.aliyun.com/nexus/content/groups/public' }

No installed build tools found. Install the Android build tools version 19.1.0 or higher.

經過查看build-tools目錄，發現該目錄爲空，即需要下在一個build-tools工具即可


問題解決完畢，重新構建即可