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

Question

安装 Storybook 到一个带有 ESLint 的 React.js 应用后，VSCode 代码检查器无法捕获示例的 `.stories.js` 文件中的 `@storybook/react` 导入。出现以下错误：

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

- Ian

Answer 1

我在我的.eslintrc文件中添加了一个忽略规则，成功消除了代码检查工具的警告。

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

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

- Ian

---

谢谢您。我在vite.config.ts上遇到了问题，但是按照您的方法将其放入devDependencies数组中后问题得以解决。 - Dac0d3r

Answer 2

我最近也遇到了同样的问题。我通过重新启动ESLint服务器来解决它。 要做到这一点，打开命令面板，方法是按下Ctrl+Shift+P，然后搜索命令ESLint: Restart ESLint Server并按回车键。

- rredondo