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
相关产品推荐
相关产品推荐

