问题描述

根据网上的教程，使用 Cordova 框架打包了 Vue3 App，试图在 Android 9.0 的虚拟机上安装运行，却显示白屏。尝试了根据网上攻略修改 vite.config.js ，配置 publicPath ，无果。尝试 cordova run browser ，可正常运行。

问题分析

虚拟机的 Chrome 内核版本过低。

解决方法

使用 Vite 插件 plugin-legacy 来兼容。
按照官方文档，在 vue 项目目录下运行：

npm add -D @vitejs/plugin-legacy

在 vite.config.js 添加以下代码：

import legacy from '@vitejs/plugin-legacy'
import { defineConfig } from 'vite' // 这句可能已经存在，不用重复写

export default defineConfig({
  plugins: [
    legacy({
      targets: ['defaults', 'not IE 11'],
    }),
  ],
})

再次进行 npm run build 、 cordova run android 等操作，顺利显示。