前端 - vue2使用better sqlite3为什么会报错？

Question

vue2使用better sqlite3打开页面就报错
版本：
better-sqlite3 8.3.0
nodejs 16.20.2
在src/api下创建了database.js代码：

DB.db是我用SQLiteStudio在D盘手动创建的db文件

const Database = require("better-sqlite3")const path = require('path')import { getCurrentTime } from '@/utils/index'const dbPath = path.resolve('D:/DB.db')console.log(dbPath)const db = new Database(dbPath, { verbose: console.log })export function addUser() {  var stmt = db.prepare("insert into user(id,name, describe,update_date,create_date) values(?,?,?,?,?)");  stmt.run(null,'测试1','测完给i', getCurrentTime(), getCurrentTime());  var return_info = {    'result': 1,    'info': '新增用户成功'  }  return return_info}

页面调用：

<template>  <div>    <el-button type="primary" icon="el-icon-edit" @click="add">Add</el-button>  </div></template><script>import { addUser } from '@/api/database.js'export default {    name: 'test',    methods: {        add(){          addUser.then(res=>{            console.log(res)          })        }    }}</script>

报错信息：

TypeError: The "original" argument must be of type Function    at promisify (util.js:602:11)    at eval (backup.js:6:18)    at ./node_modules/better-sqlite3/lib/methods/backup.js (chunk-vendors.js:1697:1)    at __webpack_require__ (app.js:849:30)    at fn (app.js:151:20)    at Object.eval (database.js:72:29)    at eval (database.js:86:30)    at ./node_modules/better-sqlite3/lib/database.js (chunk-vendors.js:1661:1)    at __webpack_require__ (app.js:849:30)    at fn (app.js:151:20)

更换了better sqlite3版本还是一样

Answer 1

1. sqlit3 官方实现的 wasm 版本: https://github.com/sqlite/sqlite-wasm 可以满足你在浏览器使用 sqlit 的需求

可以看看示例:

• 三种使用方式代码示例,
• StackBlitz vite 示例 (可运行)

或者在 playground 玩一玩...

2. 非官方的实现有 sqlite wasm 版有: sql.js, 可以页面试试: playground
   
3. 你用的 better-sqlite3 也有相关的讨论 issues

Answer 2

better-sqlite3 
The fastest and simplest library for SQLite3 in Node.js.

也就是说这个库只能在nodejs环境中运行！

Answer 3

前端数据库技术有限，大概只有这么些

实现技术	有效时长	存储内容	规模
cookie	页面关闭前	字符串	K
sessionStorage	页面关闭前	字符串	M
localStorage	永久	字符串	M
indexedDB	永久	多种类型	100M

可以看出来是不支持 sqlite 的，所以基于 sqlite 的库，应该都只能在 Node 环境下运行。在浏览器环境下，需要大量存储数据可以使用 indexedDB（IndexedDB | MDN），页面上还介绍了几个对 IndexedDB 进行高级封装的 JS 库。微软也介绍了基于浏览器的用法（查看和更改 IndexedDB 数据 | Microsoft Learn）。

Answer 4

没用过这个库。看了介绍这是一个运行在Node.js中访问和操作SQLite3的库，不能直接在客户端使用。