未捕获（承诺）：QuotaExceededError Ionic 3

Question

Whosebug 已经有此类问题，但 none 的答案对我有帮助， 这是我的问题详情- 当我在 android 设备中构建应用程序时出现错误，它在模拟器和浏览器中工作正常，但是当我运行将应用程序放入设备时出现此错误并且我的数据无法保存在存储中。

vendor.js:1 ERROR Error: Uncaught (in promise): QuotaExceededError
    at c (polyfills.js:3)
    at polyfills.js:3
    at polyfills.js:3
    at t.invoke (polyfills.js:3)
    at Object.onInvoke (vendor.js:1)
    at t.invoke (polyfills.js:3)
    at r.run (polyfills.js:3)
    at polyfills.js:3
    at t.invokeTask (polyfills.js:3)
    at Object.onInvokeTask (vendor.js:1)

这是我的依赖项

 "dependencies": {
"@angular/animations": "5.2.10",
"@angular/common": "5.2.10",
"@angular/compiler": "5.2.10",
"@angular/compiler-cli": "5.2.10",
"@angular/core": "5.2.10",
"@angular/forms": "5.2.10",
"@angular/http": "5.2.10",
"@angular/platform-browser": "5.2.10",
"@angular/platform-browser-dynamic": "5.2.10",
"@ionic-native/camera": "^4.7.0",
"@ionic-native/core": "4.7.0",
"@ionic-native/network": "^4.7.0",
"@ionic-native/onesignal": "^4.7.0",
"@ionic-native/splash-screen": "4.7.0",
"@ionic-native/status-bar": "4.7.0",
"@ionic-native/transfer": "^3.14.0",
"@ionic/pro": "1.0.20",
"@ionic/storage": "^2.1.3",
"cordova-android": "^7.0.0",
"cordova-ios": "4.5.4",
"cordova-plugin-camera": "^4.0.3",
"cordova-plugin-device": "^2.0.2",
"cordova-plugin-ionic-keyboard": "^2.0.5",
"cordova-plugin-ionic-webview": "^1.2.1",
"cordova-plugin-network-information": "^2.0.1",
"cordova-plugin-splashscreen": "^5.0.2",
"cordova-plugin-whitelist": "^1.3.3",
"cordova-sqlite-storage": "^2.3.2",
"emulator": "0.1.0",
"ionic-angular": "3.9.2",
"ionic-cache": "^3.0.1",
"ionicons": "3.0.0",
"onesignal-cordova-plugin": "^2.4.1",
"rxjs": "5.5.10",
"sw-toolbox": "3.6.0",
"zone.js": "0.8.26"
}

这是我的 app.module.ts 导入数组

imports: [
BrowserModule,
LoginPageModule,
SignupPageModule,
DashboardPageModule,
TabPageModule,
IonicModule.forRoot(MyApp, {
  tabsPlacement: 'bottom',
  platforms: {
    ios: {
      tabsPlacement: 'bottom'
    }
  }
}),
CacheModule.forRoot(),
IonicStorageModule.forRoot({
  name: '__mydb',
  driverOrder: ['indexeddb', 'sqlite', 'websql']
}),
HttpClientModule,
],

我想在用户登录成功时保存数据，这是我的用户登录代码，并将用户保存到存储中。

this.authService.userLogin(this.user)
    .subscribe(
      response => {
        console.log(response);
        console.log(typeof response.status);
        if (response.status === "ok") {
          spinner.dismiss();
          console.log(response.status);
          this.storage.ready().then(() => {
            this.storage.set('user',response);
          });

          this.navCtrl.setRoot(DashboardPage);
        } else {
          spinner.dismiss();
          console.log(response.status);
          let alert = this.alertCtrl.create({
            title: response.status,
            subTitle: response.msg,
            buttons: ['Dismiss']
          });
          alert.present()
        }
      })

正确的方向将不胜感激。谢谢

Answer 1

或者，您可以尝试在 app.module.ts:

中添加这一行

IonicStorageModule.forRoot({
  name: ‘__mydb’,
  driverOrder: [‘sqlite’, ‘websql’, ‘indexeddb’]
})

Answer 2

我尝试了一些解决方案，这里我提到其中一个：

IonicStorageModule.forRoot({
  name: ‘__mydb’,
  driverOrder: [‘sqlite’, ‘websql’, ‘indexeddb’]
})

但这对我不起作用。

之后我只是使用 ionic native storage 来解决它。

它在 android 和 ios 中工作正常。

未捕获（承诺）：QuotaExceededError Ionic 3

Uncaught (in promise): QuotaExceededError Ionic 3

quota

local-storage

ionic3

ionic-storage

angular5