Ionic Cordova SQLite真机正常，浏览器/模拟器无法持久化报错cordova_not_available

这个问题其实挺常见的——核心原因就是Cordova原生插件只能在具备Cordova运行环境的容器里工作，普通浏览器或者未打包的模拟器（比如直接用ionic serve打开的浏览器预览）根本没加载Cordova runtime，自然会抛出cordova_not_available错误，原生SQLite的持久化逻辑也没法在纯Web环境生效。下面给你几个实用的解决思路：

1. 用Ionic Storage做跨环境适配 #

Ionic官方提供的@ionic/storage是个绝佳的折中方案，它会自动根据运行环境选择存储驱动：真实设备上优先用Cordova SQLite插件，浏览器/Web环境下自动 fallback 到IndexedDB，完美解决跨环境的持久化问题。

具体操作步骤： #

• 先安装依赖：

  npm install @ionic/storage-angular
  

• 在app.module.ts中导入并配置模块：

  import { NgModule } from '@angular/core';
  import { IonicStorageModule } from '@ionic/storage-angular';
  
  @NgModule({
    imports: [
      // ...其他模块
      IonicStorageModule.forRoot({
        name: '__mydb',
        driverOrder: ['sqlite', 'indexeddb', 'websql'] // 优先使用SQLite，其次降级到IndexedDB
      })
    ]
  })
  export class AppModule {}
  

• 在组件/服务中使用Storage服务代替直接调用Cordova SQLite：

  import { Storage } from '@ionic/storage-angular';
  
  export class MyDataService {
    private storage: Storage | null = null;
  
    constructor(private storageService: Storage) {
      this.initStorage();
    }
  
    async initStorage() {
      this.storage = await this.storageService.create();
    }
  
    // 示例：存储数据
    async saveItem(key: string, value: any) {
      return await this.storage?.set(key, value);
    }
  
    // 示例：获取数据
    async getItem(key: string) {
      return await this.storage?.get(key);
    }
  }
  

2. 模拟器的正确打开方式 #

如果你用的是Android Studio或Xcode的原生模拟器，别直接用浏览器打开！你需要把应用打包成APK/IPA，然后安装到模拟器里运行——只有这样，模拟器里才会加载Cordova环境，SQLite插件才能正常工作。打包命令参考：

# Android打包
ionic cordova build android
# iOS打包（需要Mac环境）
ionic cordova build ios

3. 代码层面做环境判断（可选） #

如果一定要保留原生SQLite的直接调用，可以在代码里先判断是否处于Cordova环境，再分支处理：

async initDatabase() {
  if (window.cordova) {
    // 原生环境：初始化Cordova SQLite
    const db = window.sqlitePlugin.openDatabase({ name: 'mydb.db', location: 'default' });
    // ...后续数据库操作逻辑
  } else {
    // Web环境：用IndexedDB实现持久化
    const db = await openDB('mydb', 1, {
      upgrade(db) {
        db.createObjectStore('user_data');
      }
    });
    // ...后续Web端存储操作逻辑
  }
}

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