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

Question

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

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

故意错误的降价(它被反勾号包裹着，但不确定我如何在降价中逃脱它们！(：

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

</ul>
)
}
}

Answer 1

原来这个问题不是代码块。它是在这个块后面的一个正常段落中，包含包含的文本。将其封装在后记号中可修复<div>问题