You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

Next.js 13中如何获取MDX文件导出的前置元数据?

如何在Next.js 13中导入MDX文件导出的元数据?

你遇到的问题是可以解决的,核心是要正确处理MDX文件的命名导出:

你的pages/post.mdx里的meta属于命名导出,而Next.js处理MDX文件时,默认导出的是MDX对应的React组件,命名导出的变量不能通过默认导入的对象去访问,必须单独通过命名导入获取。

修正后的pages/index.tsx代码:

import { meta } from './post.mdx';
console.log(meta);

如果需要同时使用MDX组件和元数据,可以这样写:

import PostComponent, { meta } from './post.mdx';

// 使用MDX组件
export default function Home() {
  return <PostComponent />;
}

// 访问元数据
console.log(meta);

这样就能得到你期望的输出:{ title: "some meta" }

内容的提问来源于stack exchange,提问作者Page not found

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.07.30 18:36:23