在Service Worker中导入Dexie遇报错，求排查及解决方法

嘿，这问题我之前碰到过类似的，咱们一步步拆解解决：

1. 先搞定CDN重定向的坑 #

Service Worker的importScripts()有个严格限制：不允许加载带重定向的资源。你用的https://unpkg.com/dexie@latest会自动跳转到具体版本的链接（比如dexie@3.2.4），这就触发了浏览器的禁止规则。

解决办法很简单：直接用具体版本的Dexie脚本URL，比如用当前稳定版的链接：

importScripts("https://unpkg.com/dexie@3.2.4/dist/dexie.js");

这个URL指向的是静态资源，不会有重定向问题，浏览器就能正常加载了。

2. 修复"window is undefined"的报错 #

你提到的那段typeof window !== 'undefined' ? window :global;的判断，在Service Worker环境里确实会出问题——因为Service Worker的全局对象是self，既不是浏览器里的window，也不是Node.js里的global。

不过不用你手动改代码，新版的Dexie已经完全适配了Service Worker环境。如果还报错，大概率是这两个原因：

• 你本地存的是旧版本的Dexie，赶紧换成最新稳定版的脚本；
• 误下了仅适配浏览器的构建包，要确保下载的是dist/dexie.js（这个是UMD版本，支持浏览器、Node.js和Worker所有环境）。

确认引入正确后，就可以在Service Worker里正常用Dexie了，举个简单的初始化例子：

importScripts("https://unpkg.com/dexie@3.2.4/dist/dexie.js");

// 创建数据库实例
const swDb = new Dexie('SWLocalDB');
// 定义表结构
swDb.version(1).stores({
  tasks: '++id, content, status'
});

// 随便插条数据测试下
swDb.tasks.add({content: '从Service Worker写入数据', status: 'pending'});

本地引入的注意事项 #

如果因为离线需求必须本地放Dexie脚本，记得下载最新版的dexie.js，放在Service Worker脚本的同目录（或可访问的路径），然后用相对路径引入：

importScripts('./dexie.js');

这样就不会再踩环境判断的坑了。

内容的提问来源于stack exchange，提问作者Yaniv Peretz