Storybook js 找不到规则“@typescript-eslint/no-implicit-any”的定义

Question

我在更改运行 Storybook.js 生成的代码时收到此错误。这些是我遵循的说明

https://gist.github.com/shilman/bc9cbedb2a7efb5ec6710337cbd20c0c

但是因为我要将 StorybookJS 添加到现有项目，所以我运行的唯一命令是：

$ npx -p @storybook/cli@next sb init --story-format=csf-ts
$ yarn add @storybook/addon-docs@next --dev

运行 yarn storybook 产生此错误。

ERROR in ./src/stories/0-Welcome.stories.tsx
Module Error (from ./node_modules/eslint-loader/dist/cjs.js):

  Line 5:1:   Definition for rule '@typescript-eslint/no-implicit-any' was not found  @typescript-eslint/no-implicit-any
  Line 24:1:  Definition for rule '@typescript-eslint/no-implicit-any' was not found  @typescript-eslint/no-implicit-any

故事书服务器运行良好，但一旦我对某些文本进行更改并且 Storybook 尝试重新加载更改，我就会收到上面看到的错误。

create-react-app 的幕后发生了很多神奇的事情，所以我不知道如何查明和修复这个错误。我的猜测是 eslint typescript rule 丢失，因此在 Storybook 重新加载任何类型的更改时，会发生丢失规则错误

Answer 1

听起来您缺少描述规则的 .eslintrc.json 文件。您可以在此处阅读有关文件格式和选项的更多信息：https://eslint.org/docs/user-guide/configuring

示例：

{
    "parserOptions": {
        "ecmaVersion": 6,
        "sourceType": "module",
        "ecmaFeatures": {
            "jsx": true
        }
    },
    "rules": {
        "semi": "error"
    }
}

如果错误仍然存在，请尝试配置no-implicit-any 规则。

Storybook js 找不到规则“@typescript-eslint/no-implicit-any”的定义

Definition for rule '@typescript-eslint/no-implicit-any' was not found with Storybook js

javascript

typescript

reactjs

eslint

storybook