网站搜索

javascript - 在 Storybook js 中未找到规则 '@typescript-eslint/no-implicit-any' 的定义


当我对运行 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 服务器运行正常,但一旦我对某些文本进行更改,并且 Storybook 尝试重新加载更改时,就会出现上述错误。

在 create-react-app 的幕后发生了很多魔法,所以我不知道如何定位和修复这个错误。我的猜测是缺少一个 eslint typescript 规则,所以在 Storybook 重新加载任何类型的更改时,会出现缺少规则的错误

答案#1

听起来你缺少描述规则的 .eslintrc.json 文件。你可以在这里了解更多关于文件格式和选项的信息:https://eslint.org/docs/user-guide/configuring

示例:

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

如果错误仍然发生,尝试配置 no-implicit-any 规则。