旋钮不会出现在我由 StecilJS 创建的样式书中

问题描述

我想使用 StencilJS 创建设计系统。我决定使用教程将它与样式书集成：

https://paulcpederson.com/articles/stencil-storybook/

不幸的是，在运行 stylebook server 后没有出现 Knobs 选项卡：

然后我尝试以其他方式执行此操作，例如在 this repo 中，但也没有奏效。

/src/componenents/my-component/my-component.stories.js 文件：

import { storiesOf,addDecorator } from '@storybook/html';
import { withKnobs,select } from '@storybook/addon-knobs';
import notes from './readme.md';

const buttonSize = select('size',['small','medium','large'],'medium');

  storiesOf('Example Component',module).add(
    'Simple',() => `
    <my-component first="Siema " last="Bobi"
      size="${buttonSize}"
    ></my-component>
  `,{ notes },);

/.storybook/config.js 文件：

import { configure,addDecorator } from '@storybook/html';
import { withKnobs } from '@storybook/addon-knobs';

// Add knobs to all stories
addDecorator(withKnobs)

//configure(require.context('../src/components',true,/\.stories\.js$/),module);

const req = require.context('../src',/\.stories\.js$/);
function loadStories() {
  req.keys().forEach(filename => req(filename));
}
configure(loadStories,module);

/.storybook/config.js 文件：

import '@storybook/addon-notes/register-panel';
import '@storybook/addon-knobs/register';

我不知道如何让旋钮出现。有人知道吗？

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）