将 Dexie 作为一个模块使用
Consuming Dexie as a module
我刚刚开始使用 Dexie。我在尝试遵循 Consuming Dexie as a module 的简短版本示例时遇到了一个我无法理解的错误。我有以下源文件：
index.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Dexie Test</title>
<style>
</style>
</head>
<body>
<script src="./mytest.js" type="module"></script>
</body>
</html>
mydb.js
import Dexie from './dexie.js';
const db = new Dexie('myDb');
db.version(1).stores({
friends: 'name, age'
});
export default db;
mytest.js
import db from './mydb.js';
console.log(db.name);
当我从本地 Web 服务器 运行 执行此操作时，出现以下错误：
Uncaught SyntaxError: The requested module './dexie.js' does not provide an export named 'default'
要使用 Dexie 的 ES 模块版本，您需要 dexie.mjs 而不是 https://unpkg.com/dexie@^3.0.0-rc.1/dist/dexie.mjs 中的 dexie.js。或者，如果您从 node_modules 中选择它，请确保您已经安装了 dexie@next 或 dexie@^3.0.0-rc.1.
我刚刚开始使用 Dexie。我在尝试遵循 Consuming Dexie as a module 的简短版本示例时遇到了一个我无法理解的错误。我有以下源文件：
index.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Dexie Test</title>
<style>
</style>
</head>
<body>
<script src="./mytest.js" type="module"></script>
</body>
</html>
mydb.js
import Dexie from './dexie.js';
const db = new Dexie('myDb');
db.version(1).stores({
friends: 'name, age'
});
export default db;
mytest.js
import db from './mydb.js';
console.log(db.name);
当我从本地 Web 服务器 运行 执行此操作时，出现以下错误：
Uncaught SyntaxError: The requested module './dexie.js' does not provide an export named 'default'
要使用 Dexie 的 ES 模块版本，您需要 dexie.mjs 而不是 https://unpkg.com/dexie@^3.0.0-rc.1/dist/dexie.mjs 中的 dexie.js。或者，如果您从 node_modules 中选择它，请确保您已经安装了 dexie@next 或 dexie@^3.0.0-rc.1.