为Ionic4 Vue安装SQlite

Question

我正在尝试将SQlite添加到我的ionic4项目中，但是得到了安装错误。

我的NPM安装如下：

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

    //ionic plugin add cordova-sqlite-storage ==> this one makes error

在main.js中，我尝试了以下每种方法：

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

以下是错误: a) npm警告，b)控制台错误，c) main.js浏览器检查器

​

这是来自main.js的代码(最后一行是所有错误的地方)。

    new Vue({
      el: '#app',
      router,
      template: '<App/>',
      components: { App },
      render : (h) => h(App),
      mounted() {

        this.storage = new SQLite();

*我将此问题标记为已回答，但似乎还没有答案。我会继续努力的。

Answer 1

@ionic/vue仍处于测试阶段，团队正在将其与Vue CLI进行working on集成。他们也使用Capacitor，而不是Cordova，作为这个项目的官方本地桥。因此，如果可能，建议使用电容器。如果你走这条路，他们的storage API可以代替SQLite。

如果你想坚持你的Cordova项目，离子存储抽象将不可用，所以你必须完全绕过离子存储。

使用Cordova CLI安装plugin (不需要@ionic-native/sqlite)：

cordova plugin add cordova-sqlite-storage

直接使用插件，例如

const db = window.sqlitePlugin.openDatabase({...})

db.executeSql('INSERT...', [...values], callbackFn, errorFn)