Ionic 3 APK安装后新旧代码混合显示问题排查求助

我之前维护Ionic 3项目时也碰到过这种新旧代码混合的诡异问题，结合你的配置和构建命令，咱们一步步拆解：

核心原因推测 #

你卸载旧版本后仍出现混合代码，基本可以排除应用未卸载干净的问题，更大可能是构建产物残留、WebView缓存未清理，或是Ionic/Cordova的构建流程没有完全覆盖旧文件导致的。

构建流程的问题检查与修复 #

先看你的构建命令和配置，这里有几个关键的优化点：

1. 构建前必须清理旧产物 #

你的ionic cordova build android --prod --release命令本身是正确的，但如果跳过清理步骤，旧的编译文件可能会被打包进新版本APK里。建议每次正式构建前执行：

# 清理Cordova平台和插件的临时文件
ionic cordova clean android
# 手动删除www目录（Ionic编译后的核心产物都在这里）
rm -rf www/
# Windows系统用这个命令：rmdir /s /q www

执行完再跑构建命令，确保所有文件都是全新编译的。

2. 优化config.xml的缓存相关配置 #

你的配置里已经加了<preference name="BackupWebStorage" value="none" />，这很好，能避免系统备份WebView数据，但还可以补充几个禁用WebView缓存的配置：

<preference name="Cache-Control" value="no-cache, no-store, must-revalidate" />
<preference name="Pragma" value="no-cache" />
<preference name="Expires" value="0" />

另外，你修改了widget id和版本号，要确认签名文件完全一致——如果新版本用了不同的签名，Android会把它当成另一个独立应用，旧应用的WebView缓存可能还会被读取。

3. 彻底清理设备/模拟器缓存 #

• 真机：进入「设置 → 应用 → 找到你的应用（哪怕已经卸载，可能还有残留数据条目）→ 清除数据」，然后重启设备再安装新版本。
• 模拟器：直接重置到出厂设置，或者新建一个模拟器实例测试，旧模拟器的缓存经常会顽固残留。

Ionic 3的Angular转译机制说明 #

Ionic 3基于Angular 5，它的编译流程分两种模式：

• 开发模式（无--prod参数）：使用JIT即时编译，代码会在设备上动态编译，WebView会缓存编译后的文件，这也是你用ionic cordova run android时模拟器出问题的核心原因。
• 生产模式（带--prod参数）：触发AOT提前编译，所有组件、模板都会在构建阶段转译成纯JS文件，打包到www/build目录下，Cordova再把这个目录塞进APK的assets文件夹里。

如果构建时www/build目录里的旧文件没被完全覆盖，就会出现部分页面用旧代码、部分用新代码的情况——所以彻底清理www目录是解决这类问题的关键。

额外排查点 #

• 解压APK验证产物：把生成的APK解压，检查assets/www/build下的文件修改时间，确认都是最新的编译产物。
• 暂时禁用Ionic Deploy：你的config.xml里配置了cordova-plugin-ionic的自动更新（UPDATE_METHOD="background"），如果之前通过Ionic Deploy推过更新，设备可能缓存了旧的更新包，建议先注释掉这个插件的配置，测试是否还会出现问题。

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