故事书中未显示react-day-picker字体

时间:2019-10-25 09:10:48

标签: javascript reactjs webpack storybook react-day-picker

我有以下react-day-picker组件:

import React from 'react'
import DayPicker from 'react-day-picker'
import 'react-day-picker/lib/style.css'

const Calendar = () => {
    return (
        <DayPicker />
    )
}

export default Calendar

及其故事文件:

import React from 'react'
import {storiesOf} from '@storybook/react'
import Calendar from './Calendar'

storiesOf('Calendar', module)
    .add('basic', () => <Calendar />)

和非常简单的故事书配置:

import {configure} from '@storybook/react'

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

但是,在本地运行应用程序时出现的字体不会出现在故事​​书中。 我试图将style.css导入config.js或故事文件中,但是没有运气。

我什至试图在故事书的自定义Webpack配置中添加加载程序,但这也不起作用。

在我的本地应用程序中,字体是从正文继承的(屏幕截图)。 在故事书中,虽然存在(如果使用硬代码,它可以工作的字体家族),则不是。

在故事书的屏幕快照中,主体选择器未与fon系列声明一起出现,但所有其他样式都可以通过。

enter image description here

enter image description here

0 个答案:

没有答案