如何让 ESLint 识别 Docusaurus 别名？答案

【问题标题】：How can I get ESLint to recognize Docusaurus aliases?如何让 ESLint 识别 Docusaurus 别名？
【发布时间】：2021-12-31 05:44:45
【问题描述】：

情况

我正在开发一个Docusaurus 项目，其中将包含一些自定义组件。我还想使用ESLint，尤其是AirBnB 配置。

当我在最初生成的 Docusaurus 项目上运行 linter 时，我遇到了一些错误（并不意外），但这三个让我停下来：

src/pages/index.jsx
  3:20  error  Unable to resolve path to module '@theme/Layout'                     import/no-unresolved
  4:18  error  Unable to resolve path to module '@docusaurus/Link'                  import/no-unresolved
  5:34  error  Unable to resolve path to module '@docusaurus/useDocusaurusContext'  import/no-unresolved

我怀疑这些模块是 Docusaurus 知道如何解析的别名，但 ESLint 不知道。

问题

我想避免禁用import/no-unresolved。

我有没有一种方便的方法让 ESLint 识别（并解析）来自 Docusaurus 的别名？

【问题讨论】：

标签： node.js eslint docusaurus

【解决方案1】：

@theme、@docusaurus 等不是实际路径。它们是 webpack 别名。为了防止 ESLint 出错，你可以忽略 ESLint 设置中的那些

"import/no-unresolved": [ 2, {"ignore": ["^@theme", "^@docusaurus", "^@site"]}],

【讨论】：