我正在使用离子-V3和SQLite插件。我正在尝试创建简单的数据库并在其中插入一个记录,然后通过选择查询来检索该记录。
我遇到的问题是不会创建数据库,并且将向我显示错误的"无法读取属性"不确定的sqlite'当我第一次编写try&时,这将出现在代码中。捕获。
$ 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文档的教程中尝试了所有内容。但是对我无济于事!
使用旧 ionic-native/sqlite 版本 4.x.x 而不是 5.x.x.x.x 。使用离子3使用最新的离子原始/sqlite时,我也遇到了同样的问题。
使用npm卸载旧插件或在您的 package.json 文件中更改它。
您需要更改行:
import { SQLite, SQLiteObject } from '@ionic-native/sqlite/ngx';
to
import { SQLite, SQLiteObject } from '@ionic-native/sqlite';