Markdown mdx中的代码块由于代码解析而引发错误

我最近将我的盖茨比帖子转换为使用

gatsby plugin mdx

，在大多数情况下，这种转换是无缝的，但是对于我的一些帖子，我遇到了一个问题，即代码块中的代码正在被解析，无法构建这些帖子

这发生在我正在写关于类和函数组件的文章中，在我的一个例子中，我故意创建了一些错误的标记来说明这一点`盖茨比插件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"
        }
    }
]
...
        },

带有故意错误的降价（用反勾号包装，但不确定如何在降价中避开它们！）：

类列表扩展组件{
render（）{
返回(
列表标题


)
}
}

结果表明，这个问题不是代码块。正是在这一块后面的一个普通段落中，包含了包含。将其包装为背面标记可以解决此问题

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