ESLint 错误：'@storybook/react' 应该列在项目的依赖项中，而不是 devDependencies

【问题标题】：ESLint error: '@storybook/react' should be listed in the project's dependencies, not devDependenciesESLint 错误：'@storybook/react' 应该列在项目的依赖项中，而不是 devDependencies
【发布时间】：2022-01-04 22:41:59
【问题描述】：

在使用 ESLint 将 Storybook 安装到 React.js 应用程序后，VSCode linter 没有提取示例 .stories.js 文件中的 @storybook/react 导入。

它给了我以下错误：

'@storybook/react' should be listed in the project's dependencies, not devDependencies.eslintimport/no-extraneous-dependencies

【问题讨论】：

标签： eslint storybook eslintrc

【解决方案1】：

我可以通过在我的.eslintrc 文件中添加忽略规则来消除 linter 警告：

"rules": {
  "import/no-extraneous-dependencies": [
      "error",
      {
        "devDependencies": [
          "**/*.stories.*",
          "**/.storybook/**/*.*"
        ],
        "peerDependencies": true
      }
    ]
}

这里有一个很好的例子：https://github.com/storybookjs/linter-config/blob/master/eslint.config.js

【讨论】：