css的react大日历导入失败

IT技术 css reactjs calendar
2021-05-11 21:43:40

我有react大日历工作,但 css 导入失败。文档说:

样式可以在:react-big-calendar/lib/css/react-big-calendar.css 找到,并且应该包含在带有日历组件的页面中。

我在其他示例中看到它使用 BigCalendar 导入,但它似乎对我不起作用。

import '/react-big-calendar/lib/css/react-big-calendar.css';
import BigCalendar from 'react-big-calendar';
import moment from 'moment';
import Month from './Month';
import React from 'react';
import Showfeed from './Showfeed';

我该怎么做呢?谢谢!

4个回答

不知道你面临的究竟是什么问题。但是要包含 css,你可以试试这个。未经测试,但它应该可以工作。

require('react-big-calendar/lib/css/react-big-calendar.css');
  1. 如果以上方法无效,请复制 react-big-calendar.css 文件 CSS 并粘贴到您自己的 css 文件中。

对于任何偶然发现此问题的人:

OP实际上非常接近。导入线在前面有一个额外的斜线。如果您将 react-big-calendar 作为节点module导入,请使用此处的行:

导入'/react-big-calendar/lib/css/react-big-calendar.css';

应该:

导入'react-big-calendar/lib/css/react-big-calendar.css';

尝试将此 CDN 添加到 your-react-project-root/public/index.html

<link href="https://cdn.jsdelivr.net/npm/react-big-calendar@0.19.0/lib/css/react-big-calendar.css" rel="stylesheet"/>

这对我有用

我找到了解决方案。只需要将此添加到我的 brunch-config.js 文件中。

npm: {
  styles: {
  'react-big-calendar': ['lib/css/react-big-calendar.css']
  }
},

如果您使用此解决方案,您可以删除导入。你不需要它。