observablehq - 在 Observable 中导入和使用 remark & rehype 插件

Question

在 Observable 中导入顽固的模块

随着require 的引入，observable使我们能够在笔记本中使用数以千计的开源 JavaScript 模块。这在几年前运作良好。但是现在很少有笔记本开始返回错误。

我正在寻找一种在 observable 中使用remark&rehype插件的方法。这是我希望能够成功运行的示例笔记本。在这个笔记本中，我注意到错误是在需要模块时，所以我尝试将它更新到最新版本（使用require-debugger），但它返回一个空对象（下面的屏幕截图）。所以相关单元格返回not a function错误

较新版本的 Observable 对 require 的支持是否有限？如果不是如何让它工作？

Answer 1

这个特定模块的解决方案可能是像这样加载它：

remark = import("https://cdn.skypack.dev/remark@14.0.1?min").then(d => d.remark)

请注意，此问题并非特定于 Observable，而是发生在上游（在 bundle.run 上）。我尝试使用本地托管的 packd（为 bundle.run 提供支持的软件）构建旧版本，但得到的错误与 bundle.run 上显示的错误相同。