[Bug]:无法使用SCSS使Storybook与typescript-plugin-css-modules一起工作 #12464

6psbrbz9  于 2个月前  发布在  TypeScript
关注(0)|答案(2)|浏览(52)

描述bug

在使用名为export的样式的故事书中,样式没有被加载。
示例故事:

// index.stories.tsx
import { ComponentStory, ComponentMeta } from '@storybook/react';

import './style.module.scss';

import { Button } from '.';

export default {
  title: 'shared/Button',
  component: Button,
  argTypes: {
    theme: {
      description: 'Вариант цветовой темы для кнопки',
      defaultValue: 'primary',
      options: [
        'primary',
        'transparent_default',
        'white',
        'second',
        'small',
        'small_active',
        'text', 'back',
        'mini_icon',
        'big_icon'
      ],
      control: {
        type: 'radio'
      }
    },
    children: {
      name: 'label',
      control: 'Text',
      description: 'Текст внутри кнопки',
      defaultValue: 'Открыть страницу профиля'
    },
    className: {
      description: 'Дополнительный класс для кнопки'
    },
    icon: {
      description: 'Иконка в кнопке'
    }
  }
} as ComponentMeta<typeof Button>;

const Template: ComponentStory<typeof Button> = (args) => <Button {...args} />;

export const Default = Template.bind({});

我的main.js文件:

module.exports = {
  stories: [
    '../../src/**/*.stories.mdx',
    '../../src/**/*.stories.@(js|jsx|ts|tsx)'
  ],
  addons: [
    '@storybook/addon-links',
    '@storybook/addon-essentials',
    '@storybook/addon-interactions'
  ],
  framework: '@storybook/react',
  core: {
    builder: '@storybook/builder-webpack5'
  }
};

重现步骤

  • 无响应*

系统信息

  • 无响应*

其他上下文信息

  • 无响应*
mwg9r5ms

mwg9r5ms1#

@integrayshaun,你能帮忙解决这个问题吗?

xpcnnkqh

xpcnnkqh2#

嘿,@spice2445 👋
你能和我分享一下你的项目的复现吗?这样我就可以深入研究了。

相关问题