故事书 mdx 的 eslint答案

【问题标题】：eslint for storybook mdx故事书 mdx 的 eslint
【发布时间】：2020-12-16 17:07:03
【问题描述】：

我正在为一个使用 .mdx 格式的项目设置故事书，我想设置 eslint 以便检查空格、字母顺序和其他内容。

我已尝试设置此 https://github.com/mdx-js/eslint-mdx 并且似乎已设置，但是当我运行 eslint . --ext mdx 时，我的一个 stories.mdx 文件中出现以下错误：

有人可以指点我一个很好的资源来解决这个问题或告诉我我做错了什么吗？

干杯

【问题讨论】：

【解决方案1】：

我在他们的 github 页面上找到了 this issue，为我解决了这个问题。基本上我们在 .eslintrc 中使用“覆盖”来为 mdx 文件分配正确的解析器，如下所示：

{
  ...,
  overrides: [
    {
      files: '*.mdx',
      extends: 'plugin:mdx/recommended',
    },
  ],
}

【讨论】：