故事书 mdx 的 eslint

Posted 2023-02-19

【中文标题】故事书 mdx 的 eslint

【英文标题】：eslint for storybook mdx

【发布时间】：2020-12-16 17:07:03

【问题描述】：

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

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

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

干杯

【问题讨论】：

请勿发布代码、数据、错误消息等的图片 - 将文本复制或输入到问题中。 How to Ask

您需要在此处在您的问题中发布minimal reproducible example，并在任何第三方网站上发布not a link。

【参考方案1】：

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

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