javascript - Definition för regeln '@typescript-eslint/no-implicit-any' hittades inte med Storybook js


Jag får detta fel när jag gör ändringar i den genererade koden från att köra Storybook.js. Detta är instruktionerna jag följer

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

Men eftersom jag lägger till StorybookJS till ett befintligt projekt, är de enda kommandon jag har kört:

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

Att köra yarn storybook ger detta fel.

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-servern fungerar bra men så snart jag gör ändringar i någon text och Storybook försöker ladda om ändringarna, får jag felet som ses ovan.

Det finns mycket magi som händer bakom kulisserna i create-react-app så jag är osäker på hur jag ska identifiera och åtgärda detta fel. Mitt antagande är att en eslint typescript-regel saknas, så vid varje omladdning av Storybook uppstår felet med den saknade regeln när någon typ av ändring görs

Svar #1

Det verkar som att du saknar filen .eslintrc.json som beskriver reglerna. Du kan läsa mer om filformatet och alternativen här: https://eslint.org/docs/user-guide/configuring

Exempel :

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

Om felet fortfarande uppstår, försök konfigurera no-implicit-any-regeln.