storybookjs/vue-cli-plugin-storybook

Error from vue add storybook

findingorder opened this issue · 3 comments

Hello,
I ran "vue add storybook" from the directory in which my vue-cli project is located. It installed a lot of stuff, but ended with the error message:

added 612 packages from 738 contributors in 61.599s
⠋  Running completion hooks...error: Definition for rule 'import/no-extraneous-dependencies' was not found (import/no-extraneous-dependencies) at src/stories/index.stories.js:1:1:
> 1 | /* eslint-disable import/no-extraneous-dependencies */
    | ^
  2 | import { action } from '@storybook/addon-actions'
  3 | import { linkTo } from '@storybook/addon-links'
  4 | 

Could you please help me resolve this?

It should be installed correctly. This is just your linter complaining. Don't you have eslint installed?

@pksunkara I also encountered this issue once, removed the line and it worked. But I'm wondering why you need this? It's a rule from eslint-plugin-import and not everybody have it installed. My guess is that this error would happen to a lot of users.

So, the fix for this is that eslint feature needs to be checked before generating.