找不到模块：无法解析 \'next-mdx-import-source-file\'答案

【问题标题】：Module not found: Can't resolve 'next-mdx-import-source-file'找不到模块：无法解析 \'next-mdx-import-source-file\'
【发布时间】：2023-02-26 12:17:11
【问题描述】：

我正在尝试让 @next/mdx 使用新的应用程序目录运行。我按照包的自述文件中的设置进行操作，但是当我尝试呈现 mdx 页面时收到以下错误消息。我找不到关于这个包裹的任何信息。

Module not found: Can't resolve 'next-mdx-import-source-file'
  1 | import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
> 2 | import { useMDXComponents as _provideComponents } from "next-mdx-import-source-file";
  3 | function _createMdxContent(props) {
  4 |     const _components = Object.assign({
  5 |         h1: "h1",

【问题讨论】：

标签： next.js mdxjs

【解决方案1】：

如果项目根目录中不存在文件 mdx-components.js，则会发生此错误。

这个依赖不是一个实际的包，而是一些实际导入 mdx-components.js 文件的下一个魔法。就我而言，我错过了复数。

【讨论】：

【解决方案2】：

vercel/next.jsbeta documentation 本身表明mdx-components.jsx 文件必须位于应用程序的根目录中（而不是在app 中）。这是example。

【讨论】：