Ionic Sqlite не работает на Chrome

Question

import { Component } from '@angular/core';
import { NavController } from 'ionic-angular';
import { SQLite, SQLiteObject } from '@ionic-native/sqlite';
@Component({
  selector: 'page-home',
  templateUrl: 'home.html'
})
export class HomePage {
  username='name';
  items = [];
  constructor(public navCtrl: NavController, private sqlite: SQLite) {

  }

  save()
  {
    alert();
    this.sqlite.create({
      name: 'data.db',
      location: 'default'
    })
      .then((db: SQLiteObject) => {

        //data insert section
        db.executeSql('CREATE TABLE IF NOT EXISTS usernameList(id INTEGER PRIMARY KEY AUTOINCREMENT,name)', {})
          .then(() => alert('Executed SQL'))
          .catch(e => console.log(e));

        //data insert section
        db.executeSql('INSERT INTO usernameList(name) VALUES(?)', [this.username])
          .then(() => alert('Executed SQL'))
          .catch(e => console.log(e));

        //data retrieve section
        db.executeSql('select * from usernameList', {}).then((data) => {
          alert(JSON.stringify(data));

          //alert(data.rows.length);
          //alert(data.rows.item(5).name);
          this.items = [];
          if(data.rows.length > 0) {
            for(var i = 0; i < data.rows.length; i++) {
              //alert(data.rows.item(i).name);�
              this.items.push({name: data.rows.item(i).name});
            }
          }

        }, (err) => {
          alert('Unable to execute sql: '+JSON.stringify(err));
        });
      })
      .catch(e => alert(JSON.stringify(e)));
  }
}

Почему я не могу проверить свой код на broswe

Я даже пытаюсь использовать Ионный браузер Cordova Run

Это моя консольная ошибка

ОТКРЫТАЯ база данных: data.db cordova.js: 1003 Ошибка: прокси exec не найден для :: SQLitePlugin :: close cordova.js: 1003 Ошибка: прокси exec не найден для :: SQLitePlugin :: open plugins/cordova-sqlite-storage/www/SQLitePlugin.js:196 ОТКРЫТАЯ база данных: data.db FAILED, прерывание любых ожидающих транзакций plugins / cordova-sqlite-storage / www / SQLitePlugin.js: 174 ОТКРЫТАЯ база данных: data.db cordova.js: 1003 Ошибка: exec-прокси не найден для :: SQLitePlugin :: close cordova.js: 1003 Ошибка: exec-прокси не найден для :: SQLitePlugin :: open plugins / cordova-sqlite-storage / www / SQLitePlugin.js: 196 ОТКРЫТЬ базу данных: data.db FAILED, прерывание любых ожидающих транзакций

Answer 1

Mysql не поддерживает ionic для тестирования в браузере.Кордова не поддерживает это.Вам нужно проверить в нативном приложении

Answer 2

SQLite не предназначен для использования в не "нативных" сборках вашего Ionic-приложения: https://ionicframework.com/docs/native/sqlite/ - см. Перечисленные там платформы и отсутствует "браузер" в качестве поддерживаемой платформы.

Чтобы проверить это, вы должны запустить свое приложение на устройстве через что-то вроде: ionic cordova run android

В зависимости от вашего варианта использования и ваших требований к локальному постоянству иногда имеет смысл использовать Ionic Storage: https://ionicframework.com/docs/storage/, который может использовать sqlite и может использовать «запасной вариант» / другой тип персистентности, поддерживаемый браузером (websql, indexeddb).В этом случае вы можете разработать и протестировать свое приложение в браузере, используя «ionic serve», а затем проверить, что оно также отлично работает на реальном устройстве.