Hacktoberfest 2026：维护者为十月标记出来的 issue，仍然开放、适合新手。 浏览 Hacktoberfest issue

`undici` is leaking into browser environment

未关闭
  • 哪里不对？
#45 1 条评论 0 个 reaction 已指派 0 人 在 GitHub 查看

还没有人认领这个 Issue。

评估

难度
4/5
预计耗时
3-5 天
新手友好度
35/100
Issue 类型
缺陷
描述清晰度
基本清楚
活跃度
停滞
技术栈
javascript, next.js, typescript, webpack
领域
build-system, tooling, web-dev

调研方向

先从 package.json 中兼容浏览器的导出配置入手，并将其与 next dev 生成的导入跟踪进行比较。然后检查所引用的 next.config.js、tsconfig.json 和 rollup.config.js，以及 agentCompatibility.js 和 agentCompatibility-browser.js。完成的标志是，TypeScript 和 Next.js 的浏览器构建不再通过服务器路径解析 undici 依赖项。

由索引模型根据 Issue 内容生成。

描述

Description

@dmitrizagidulin and I have been investigating an issue importing http-client into a browser context. The issue is coming from the undici library, which is not compatible with the browser. We noticed that there are provisions in the package.json to exclude problematic files from browser-compatible exports, but it does not seem to fix the issue. We are indirectly using this library as a second-order dependency in a TypeScript + Next.js application, but it seems we will need to make modifications to this library to get it to work.

Solutions tried
  • Overriding the webpack rules in next.config.js to use the same file redirection that http-client uses in its package.json
  • Instructing TypeScript (via tsconfig.json) to use the same file replacement as http-client: 
    {
  "compilerOptions": {
    "baseUrl": "./",
    "paths": {
      "@digitalbazaar/http-client/lib/agentCompatibility.js": ["node_modules/@digitalbazaar/http-client/lib/agentCompatibility-browser.js"],
      "@digitalcredentials/security-document-loader/node_modules/@digitalbazaar/http-client/lib/agentCompatibility.js": ["node_modules/@digitalbazaar/http-client/lib/agentCompatibility-browser.js"]
    }
}
  • Modifying environment-based export directives in package.json
  • Modifying configuration in rollup.config.js
Reproduction steps
  • Install application in a TypeScript + Next.js application with different combinations of solutions listed above
  • Run next dev
  • Observe error
Error stack

This is the undici error:

Screenshot 2024-03-18 at 5 54 01 PM

This is the import trace (you'll notice that agentCompatibility.js was not replaced by agentCompatibility-browser.js, as specified in package.json):

Screenshot 2024-03-18 at 5 55 54 PM

Tooling
  • TypeScript
  • Next.js
Next steps

We think the best approach will involve a direct PR to this repo that fixes browser exports in this setup.

主要语言
JavaScript
星标
2
派生
8
30 天内没有已合并 PR

环境准备

这个项目没有提供开发容器、Dockerfile 或贡献指南，环境需要你自己搭建：先看它的 README，通用步骤见我们的新手贡献指南。

从这里开始

  1. 先读完整个 Issue，再读项目的贡献指南。
  2. 在 Issue 下留言说明你要接手 —— 这能避免两个人做同样的事。
  3. Fork 仓库，在一个分支上完成修改。
  4. 提交 Pull Request，并在描述里引用这个 Issue 编号。

digitalbazaar/http-client 的其他 Issue

查看 digitalbazaar/http-client 的全部 Issue

相似的 Issue

更多 JavaScript Issue

把新 issue 发到你的邮箱

精选适合新手参与的 GitHub issue 摘要。