next.js mdx渲染问题与备注和rehype-katex

发布于 2025-02-07 07:01:44 字数 808 浏览 3 评论 0原文

我在Next.js项目中使用React-Math和Rehype-Katex插件中的MDX。当我呈现MDX文件时，它会给我带来错误：

“乳胶兼容输入和严格模式设置为'warn'：在latex，\或\ newline中在显示模式[newlineindisplaymode]中无能

为文件。

import nextMDX from '@next/mdx';
import remarkMath from 'remark-math';
import rehypeKatex from 'rehype-katex';

const nextConfig = {
  reactStrictMode: true,
};

const withMDX = nextMDX({
  extension: /\.mdx?$/,
  options: {
    remarkPlugins: [remarkMath],
    rehypePlugins: [rehypeKatex],
    // If you use `MDXProvider`, uncomment the following line.
    providerImportSource: '@mdx-js/react',
  },
});

export default withMDX({
  // Append the default value with md extensions
  nextConfig,
  pageExtensions: ['js', 'jsx', 'md', 'mdx'],
});

有人知道如何解决此问题或关闭严格的模式警告？谢谢！

原文

I am using MDX in my NEXT.JS project with the react-math and rehype-katex plugins.
When I render the MDX files it gives me errors:

"LaTeX-incompatible input and strict mode is set to 'warn': In LaTeX, \ or \newline does nothing in display mode [newLineInDisplayMode]"

Flowing are my next.config.mjs file.

import nextMDX from '@next/mdx';
import remarkMath from 'remark-math';
import rehypeKatex from 'rehype-katex';

const nextConfig = {
  reactStrictMode: true,
};

const withMDX = nextMDX({
  extension: /\.mdx?$/,
  options: {
    remarkPlugins: [remarkMath],
    rehypePlugins: [rehypeKatex],
    // If you use `MDXProvider`, uncomment the following line.
    providerImportSource: '@mdx-js/react',
  },
});

export default withMDX({
  // Append the default value with md extensions
  nextConfig,
  pageExtensions: ['js', 'jsx', 'md', 'mdx'],
});

Any one knows how can I fix this or turn off the strict mode warnings?
Thanks !

分享到QQ

分享到微博