Question

我正在使用ionic-v3和sqlite插件。我试图创建一个简单的数据库并在其中插入一条记录，然后通过SELECT Query检索该记录。

我遇到的问题是将不会创建数据库，并且会为我显示一个错误，“无法读取未定义sqlite的属性” split” 当我第一次编写try＆catch时，它将出现在代码中。

$ ionic cordova plugin add cordova-sqlite-storage
$ npm install @ionic-native/sqlite

import { Component } from '@angular/core';
import { NavController, ToastController, Platform } from 'ionic-angular';
import { SQLite, SQLiteObject } from '@ionic-native/sqlite/ngx';

@Component({
  selector: 'page-home',
  templateUrl: 'home.html'
})
export class HomePage {

  private db: SQLiteObject;
  public movies: string[] = [];
  public message:any;

  constructor(public navCtrl: NavController, private toastCtrl: ToastController, private sqlite: SQLite, platform: Platform) {
    platform.ready().then(() => {
      this.CreateDatabase();
    });
  }

  CreateDatabase()
  {
    try
    {

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

          db.executeSql('create table IF NOT EXISTS Movies(id INTEGER PRIMARY KEY, name VARCHAR(32))', [])
          .then(() => {
            console.log('Table Movies created !');
            this.db.executeSql('INSERT INTO `Movies` VALUES (`1`, `James Bond 007`)', [])
            .then(() => console.log('Executed SQL'))
            .catch(e => this.message = e);

        })
        .catch(e => this.message = e);


        })
        .catch(e => this.message = e);
    }
    catch(err)
    {
      this.presentToast(err);
    }

  }

  public retrieveFilms() {

    try 
    {
      this.db.executeSql('SELECT name FROM `Movies`', [])
      .then((data) => {
        if(data == null) {
          return;
        }

        if(data.rows) {
          if(data.rows.length > 0) {
            for(var i = 0; i < data.rows.length; i++) {
              this.movies.push(data.rows.item(i).name);
            }
          }
        }

      }).catch(e => this.presentToast(JSON.stringify(e)));
    }
    catch(err)
    {
      this.presentToast(err);
    }

  }

  presentToast(messageText) {
  let toast = this.toastCtrl.create({
    message: messageText,
    duration: 3000,
    position: 'bottom'
  });

  toast.onDidDismiss(() => {
    console.log('Dismissed toast');
  });

  toast.present();
}

}

我在这里做错了什么？我已经在stackoverflow中尝试了所有方法，甚至从youtube或ionic文档中的教程中尝试了所有方法。但对我没有任何帮助！

Answer 1

使用旧的 ionic-native / sqlite 版本 4.x.x ，而不是 5.x.x 。将最新的ionic-native / sqlite与Ionic 3一起使用时，我遇到了同样的问题。

使用npm卸载旧插件，或在您的 package.json 文件中对其进行更改。

然后您需要更改行：

import { SQLite, SQLiteObject } from '@ionic-native/sqlite/ngx';

到

import { SQLite, SQLiteObject } from '@ionic-native/sqlite';

无法读取未定义sqlite ionic-v3和SQLite的属性“ split”

1 个答案: