Quasar项目引入PouchDB出现Cannot read property 'v1' of undefined错误如何解决

该报错由PouchDB依赖的uuid包ESM模块导出解析异常导致，Quasar默认的webpack构建配置未对嵌套的ESM依赖做转译，导致uuid的v1方法未被正确识别。

方案1：更换浏览器端PouchDB包（优先选用） #

• 卸载原有pouchdb依赖：
  npm uninstall pouchdb 或 yarn remove pouchdb
• 安装浏览器专用预构建PouchDB包：
  npm install pouchdb-browser 或 yarn add pouchdb-browser
• 替换原有导入语句为：
  import PouchDB from 'pouchdb-browser'
• 重启项目即可正常运行。

方案2：修改Quasar构建转译配置 #

如果需要保留原pouchdb包，可调整构建配置适配：

• 打开项目根目录下的quasar.conf.js文件
• 在build配置段添加转译规则：

  build: {
    // 原有其他配置保持不变
    transpileDependencies: ['uuid']
  }
  

• 清理项目缓存后重启：
  quasar clean && quasar dev

方案3：强制统一uuid版本（多依赖版本冲突场景使用） #

如果项目内存在多个版本uuid导致冲突，可在package.json中添加强制版本配置：

• npm v8.3+用户添加：

  "overrides": {
    "pouchdb": {
      "uuid": "^8.3.2"
    }
  }
  

• yarn用户添加：

  "resolutions": {
    "pouchdb/uuid": "^8.3.2"
  }
  

• 重新执行依赖安装命令后重启项目。

内容的提问来源于stack exchange，提问作者Morgan Hayes