Question

我有反应大日历工作，但css导入失败。文档说：

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

我已经看到它在其他示例中导入了w / 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';

我该怎么做？谢谢！

Answer 1

不知道你面临的确切问题。但是要包含css，你可以试试这个。没有经过测试，但应该可以使用。

require('react-big-calendar/lib/css/react-big-calendar.css');

如果上面不起作用，请复制react-big-calendar.css文件CSS并粘贴到您自己的css文件中。

Answer 2

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

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

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

Answer 3

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

OP实际上非常接近。进口线在前面有一个额外的斜线。如果您将react-big-calendar作为节点模块导入此行：

import＆＃39; /react-big-calendar/lib/css/react-big-calendar.css' ;;

应该是：

import＆＃39; react-big-calendar / lib / css / react-big-calendar.css＆＃39;;

Answer 4

这对我有用

import '!style-loader!css-loader!react-big-calendar/lib/css/react-big-calendar.css';

Answer 5

尝试将此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"/>

这对我有用

Answer 6

尝试一下：

import '../lib/css/react-big-calendar.css'

，但首先验证文件是否存在于路径/

react-big-calendar导入失败的css

6 个答案: