Storybook - 插件值应以 /register 结尾，或者它应该是有效的预设

Question

即使我的故事书仍然正常构建，我开始在我的终端上收到此错误

ERR! Addon value should end in /register OR it should be a valid preset https://storybook.js.org/docs/react/addons/writing-presets/
ERR! @storybook/addon-docs
ERR! Addon value should end in /register OR it should be a valid preset https://storybook.js.org/docs/react/addons/writing-presets/
ERR! @storybook/addon-essentials

我真的不明白我错过了什么。

这是我的main.js

module.exports = {
  stories: ['../src/**/*.stories.mdx', '../src/**/*.stories.@(js|jsx|ts|tsx)'],
  addons: [
    '@storybook/addon-docs',
    '@storybook/addon-links',
    '@storybook/addon-controls',
    '@storybook/addon-essentials',
    '@storybook/preset-create-react-app',
  ],
};

这是我的preview.js

import React from 'react';
import { MemoryRouter } from 'react-router-dom';

export const parameters = {
  actions: { argTypesRegex: '^on[A-Z].*' },
  options: {
    storySort: (a, b) =>
      a[1].kind === b[1].kind
        ? 0
        : a[1].id.localeCompare(b[1].id, undefined, { numeric: true }),
  },
  controls: { hideNoControlsWarning: true },
};

export const decorators = [(story) => <MemoryRouter>{story()}</MemoryRouter>];

在我身上main.js我已经尝试过了

 // also with /preset

 addons: [
    '@storybook/addon-docs/register',  
    '@storybook/addon-essentials/register',
    ...
  ],

但这只会让事情变得更糟。

这些是我的依赖项

"dependencies": {
    "@storybook/addon-actions": "^6.3.4",
    "@storybook/addon-controls": "^6.3.4",
    "@storybook/addon-essentials": "^6.3.4",
    "@storybook/addon-links": "^6.3.4",
    "@storybook/node-logger": "^6.3.4",
    "@storybook/preset-create-react-app": "^3.2.0",
    "@storybook/react": "^6.3.4",
...
}

Answer 1

您收到此消息@storybook/addon-docs是因为您的依赖项中缺少该信息。

该消息来自这里https://github.com/storybookjs/storybook/blob/7064642e1aee7786c77fe735c064c0c29dbcee01/lib/core-common/src/presets.ts#L99-L120 长话短说，如果storybook无法解析插件，它会抛出这个错误。这有点误导，但这就是原因。