问题标签 [mdxjs]

我在尝试从 Next.js 项目中的 mdx 文件中获取元数据时遇到问题。

MDX 文件示例：

这是一个修改版本：https ://sarim.work/blog/dynamic-imports-mdx 。访问网站时出现错误：

找不到模块“/home/oliwier/webDev/oliwierwpodrozy/pages/balkany/1.mdx”。

顺便说一句recRead，这是https://www.npmjs.com/package/recursive-readdir。

到底是怎么回事？在外面getStaticProps我可以导入数据。

当我试图解决这个问题时，我发现了一些荒谬的事情。

1. 显示：../pages/wielka-brytania/1.mdx 这是一个字符串
2. 这个有效
3. 但是这个没有。显示错误：错误：找不到模块“../pages/wielka-brytania/1.mdx”

这不是一个常量问题。它是为测试而编写的，我知道同时使用 2) 和 3) 会导致问题。注释 1) 时会发生此错误。

在mdxjs.com 的入门文档中，我们看到以下文档：

但是，如果我们复制该代码并将其粘贴到操场上：https ://mdxjs.com/playground ，它会失败并显示ReferenceError: myVariable is not defined.

当我尝试将 MDX 文档导入我的 nextjs 应用程序时，我遇到了同样的问题。

这有效：

Where<Text/>只是一个虚拟组件：

但我不应该这样做。我只是希望我的 MDX 看起来像这样：

我在这里错过了什么吗？

感谢你的帮助！

我正在尝试使用 Gatsby + MDX 设置我的站点。我正在查看此处的文档并希望使用autolink-header-option. 我已经尝试为此使用 rehype 和 remark 插件，但我只能让 Rehype 插件工作并且只能使用该wrap选项。我更喜欢标题之前的链接的 GitHub（默认）样式。

我正在使用以下配置并在更新文件后gatsby-config.js清除.cache并public确保没有缓存任何内容。此外，我没有收到任何错误，一切都成功构建并运行，只是没有任何指向标题的链接。

更新

在尝试了多种配置之后，我能够让它按预期工作的方式是使用不同的插件配置。

两者gatsbyRemarkPlugins和plugins都是必需的：https ://github.com/gatsbyjs/gatsby/issues/15486

而不是从同一存储库中的我的 mdx 文件中检索数据。

我可以更新/修改 mdx 文件中的值吗？

当用户加载此页面时，我想更新mdx 文件中的readCount值。

我需要包还是只有 javascript 才能做到这一点？

上面的 mdx 将在下面的组件中使用。

我想出了如何计算我数据中最近 12 周交易量的平均值。但是假设今年没有 12 周，它只有 8 周，那么我想从上一年剩下的 4 周变成 12 周？

这就是我的 avg mdx 查询的样子：

我正在尝试在 next.js 应用程序中使用 Chakra UI 设置降价文件的样式。在这种情况下，我创建了以下MDXComponents.tsx文件：

然后我将此文件导入_app.tsx，一切都按我的意愿工作。MDXComponents.tsx尽管如此，我在文件中收到以下错误Component definition is missing display name：

知道为什么我会收到此错误消息以及我可以做些什么来解决它吗？

谢谢。

我已经使用 mdx 建立了一个 next.js 降价博客： https ://mdxjs.com/ 。

我希望能够在 mdx 文件本身的 frontmatter 部分中引用数据。像这样的东西：

现在，这行不通。它不会替换{title}为 frontmatter 中的标题（即。My blog post title）。我想知道是否有办法做到这一点，如果有，怎么做？

谢谢。

我有 mdx 文件，其中包含需要了解区域设置的组件。

很多组件。而且他们都需要了解区域设置。

在 .mdx 文件中，我可以更改它们：

对此：

但是我需要为每个 .mdx 文件中的每个组件都这样做。

有没有办法让 mdx 中使用的所有组件都可以使用道具？

我想将它传递给 MDXRenderer，如下所示：

或者从组件访问frontmatter。

但是这两种方法都没有记录，也没有给出任何结果。

更好的想法？

每个请求，相关依赖项列表：

我正在努力实现这一目标：

但我的故事被分解成 mdx 和 tsx 文件。

到目前为止，我的 mdx 文件如下所示：

这有效。但没有类型检查、代码提示等。所以我想把它分解成tsx这样mdx：

tsx

mdx

但这导致文档看起来像这样：

所以我错过了整个第二个组件描述和配置。我怎样才能让它出现在这个设置中？

当我在 mdx 中更改标题时，它不会在故事书中更新。所以故事书实际上并没有看到/接受这个 mdx 作为文档。我错过了什么？

我正在尝试使用 .js 将 .js 文件加载到 React 中的我的 markdown 文件中gatsby-plugin-mdx。但是，我遇到了一个导入错误，它显示为 WARN，如下所示：

警告 ./.cache/caches/gatsby-plugin-mdx/mdx-scopes-dir/7cd2ab5f9fe4b662b5bb93052ee9e f2c.js 尝试导入错误：“Test2”未从“../../../../src/”导出pages/test2'
（导入为'Test2'）。

查看缓存，它似乎足够良性：

导入的内容似乎是任意的，并且警告将是相同的（并且内容不会加载）。例如，我使用了一个简单的导出默认函数返回一个 h1 标记来进行实验。

我的 .md 文件相当简单：

我怀疑这是一个配置问题，但我还没有在我的 gatsby-config.js 中解决它，目前如下：

我认为我的查询/slug 使用很好，因为站点和帖子在尝试实施 mdx 之前（和之后）是可操作的。观察gatsby-plugin-mdx 文档，我试图用它gatsbyRemarkPlugins来封装其他插件，但这并没有改变警告。更确切地说，您认为我的 mdx 使用可能是什么问题？