vue-cordova构建Android APK问题：新代码未生效，版本停留在3月27日

这种情况我开发时也碰到过好几次，多半是资源同步、缓存或者构建流程的问题，给你列几个最优先排查的方向：

1. Vue构建产物未同步到Cordova的www目录 #

Cordova打包APK时，只会读取cordova/www目录下的文件。如果你的Vue代码更新后，没有把最新的dist目录内容同步到这里，自然会用3月27日的旧资源。

• 解决方法：
  • 检查项目根目录的package.json，看scripts里有没有自动同步的命令，比如：

    "scripts": {
      "build": "vue-cli-service build && cp -r dist/* cordova/www/"
    }
    

    Windows环境可以把cp换成xcopy dist\* cordova\www\ /E /Y
  • 如果没有自动同步命令，手动将Vue项目dist目录下的所有文件复制到cordova/www目录，覆盖原有文件，再重新执行cordova build android。

2. Cordova构建缓存未清理 #

Cordova会缓存之前的构建资源，有时候即使你更新了www目录，缓存的旧文件依然会被打包进去。

• 解决方法：
  • 执行清理命令：

    cordova clean android
    

  • 清理完成后再重新构建：

    cordova build android
    

  • 如果还是不行，可以手动删除cordova/platforms/android/app/build目录，再重新构建。

3. 误在旧分支/未提交代码的状态下构建 #

有时候可能会不小心切换回了3月27日的旧分支，或者本地修改的代码没有保存/提交，导致Vue构建的还是旧内容。

• 解决方法：
  • 用Git命令确认当前分支和代码状态：

    git branch
    git status
    

  • 确保在开发分支上，且所有修改都已保存，再重新执行Vue构建和Cordova打包。

4. Cordova Android平台文件损坏 #

长期开发过程中，Android平台的配置文件或构建文件可能损坏，导致构建时无法读取新资源。

• 解决方法：
  • 先移除Android平台：

    cordova platform remove android
    

  • 重新添加Android平台：

    cordova platform add android
    

  • 重新执行构建命令。

5. WebView缓存（针对真机/模拟器测试场景） #

如果是在真机或模拟器上测试APK，旧版本的WebView可能缓存了页面资源，即使安装了新APK也会显示旧内容。

• 解决方法：
  • 安装新APK前，先卸载设备上的旧版本应用；
  • 在Vue项目的public/index.html中添加禁用缓存的meta标签：

    <meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate" />
    <meta http-equiv="Pragma" content="no-cache" />
    <meta http-equiv="Expires" content="0" />
    

建议按上述顺序逐一排查，前两个原因是最常见的，优先处理。

内容的提问来源于stack exchange，提问作者Masinde Muliro