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

Question

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

它给我以下错误：

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

Answer 1

通过在我的文件中添加忽略规则，我能够消除 linter 警告.eslintrc：

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

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

Answer 2

我最近也遇到了同样的问题。我通过重新启动 ESLint 服务器解决了这个问题。为此，请输入Ctrl+Shift+P打开命令选项板，然后搜索命令ESLint: Restart ESLint Server并按 Enter 键。