在Next.js上使用react-big-calendar和sass时,是什么导致了“无法解决'react-big-calendar/lib/sass/styles'”错误?

sd2nnvve  于 2023-10-18  发布在  React
关注(0)|答案(1)|浏览(101)

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中,但它不工作,我不能设置我的日历样式

5cnsuln7

5cnsuln71#

不知道你是否已经弄明白了我打字的时候。但以防万一,试试这个import 'react-big-calendar/lib/css/react-big-calendar.css';
你可以在他们的github repo页面找到相关信息。
祝你好运!

相关问题