在 Observable 中导入和使用 remark & rehype 插件答案

【问题标题】：import and use remark & rehype plugins in Observable在 Observable 中导入和使用 remark & rehype 插件
【发布时间】：2022-02-04 03:50:26
【问题描述】：

在 Observable 中导入顽固的模块

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

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

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

标签： observablehq

【解决方案1】：

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

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

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

【讨论】：

在 observable 中导入顽固模块的另一个有用资源：observablehq.com/@observablehq/how-to-require-stubborn-modules