由于代码解析，mdx 中的代码块抛出错误答案

【问题标题】：Code blocks in mdx throw errors due to code parsing由于代码解析，mdx 中的代码块抛出错误
【发布时间】：2021-01-10 16:52:45
【问题描述】：

我最近将我的 gatsby 帖子转换为使用 gatsby-plugin-mdx，并且在大多数情况下，转换是无缝的，但是对于我的一些帖子，我遇到了一个问题 - 即代码块中的代码是正在解析并且未能构建这些帖子。

这发生在一篇文章中，我正在写一篇关于类和功能性反应组件的文章，在我的一个示例中，我故意创建了一些错误的标记来说明一个观点。 `gatsby-plugin-mdx` *似乎* 正在解析这个然后失败，因为它是错误的......

我该如何解决这个问题？有没有办法逃脱这些块或我需要使用不同的插件？

配置：

...
{
            resolve: `gatsby-plugin-mdx`,
            options: {
                extensions: [`.md`, `.mdx`],
                defaultLayouts: {
                    adventures: require.resolve("./src/views/Advanced.jsx"),
                    default: require.resolve("./src/views/Advanced.jsx")
                }
            },
            gatsbyRemarkPlugins: [
    {
        resolve: `gatsby-plugin-catch-links`,
        options: {
            excludePattern: /(excluded-link|external)/
        }
    },
    {
        resolve: `gatsby-remark-prismjs`,
        options: {
            classPrefix: "language-",
            inlineCodeMarker: null,
            aliases: {},
            showLineNumbers: false,
            noInlineHighlight: false,
            prompt: {
                user: "root",
                host: "localhost",
                global: false
            },
            escapeEntities: {}
        }
    },
    {
        resolve: "gatsby-remark-relative-images",
        options: {
            name: "uploads"
        }
    },
    {
        resolve: "gatsby-remark-images",
        options: {
            maxWidth: 2048
        }
    },
    {
        resolve: "gatsby-remark-copy-linked-files",
        options: {
            destinationDir: "static"
        }
    }
]
...
        },

Markdown 出现故意错误（它包含在反引号中，但不确定如何在 Markdown 中转义它们！）：

class List extends Component {
  render() {
    return (
      <h2>List title</h2>
      <ul>
      
      </ul>
    )
  }
}

【问题讨论】：

标签： markdown gatsby prismjs gatsby-plugin-mdx

【解决方案1】：

原来这个问题不是代码块。它位于该块之后的正常段落中，其中包含包含 .用反引号包裹它可以解决问题<div>

【讨论】：