I import 'react-big-calendar/lib/sass/styles' cause im using sass in my project but it saysModule not found:无法解析“react-big-calendar/lib/sass/styles”
import { Calendar, momentLocalizer } from 'react-big-calendar';
import moment from 'moment';
import { Toolbar } from './Toolbar';
import 'moment/locale/ja';
import 'react-big-calendar/lib/sass/styles';
moment.locale('ja');
const localizer = momentLocalizer(moment);
const formats = {
dateFormat: 'D',
dayFormat: 'D(ddd)',
monthHeaderFormat: 'YYYY年M月',
dayHeaderFormat: 'M月D日(ddd)',
dayRangeHeaderFormat: ({ start, end }: { start: Date; end: Date }) =>
`${moment(start).format('YYYY年M月')} - ${moment(end).format('YYYY年M月')}`,
};
export const MyCalendar = () => (
<Calendar
// className={styles.calendar}
style={{ height: '80vh' }}
localizer={localizer}
views={['month']}
formats={formats}
components={{
toolbar: Toolbar,
}}
/>
);
这个怎么解决?
我尝试放置@import 'react-big-calendar/lib/sass/styles';在styles. modul.scss中,但它不工作,我不能设置我的日历样式
1条答案
按热度按时间5cnsuln71#
不知道你是否已经弄明白了我打字的时候。但以防万一,试试这个
import 'react-big-calendar/lib/css/react-big-calendar.css';
你可以在他们的github repo页面找到相关信息。
祝你好运!