小编Jap*_*eet的帖子

我正在使用 react-datepicker npm 模块，当我部署构建时，它的样式被破坏了（未应用样式），它在本地环境中运行良好。

我已经像这样导入了它的样式： import 'react-datepicker/dist/react-datepicker.css';

我找到了像这样导入的地方： import './../../node_modules/react-datepicker/dist/react-datepicker.css';

它也不起作用。

我认为这可能是 SSR 的原因，所以我删除了该组件的 SSR，但也没有使用 CSR。

当前结果

想要的结果

这是我的组件代码：

 import React from 'react';
 import DatePicker from 'react-datepicker';

 import calendarIcon from './../../assets/images/calendar-icon.svg';

 import 'react-datepicker/dist/react-datepicker.css';
 // import 'react-datepicker/dist/react-datepicker-cssmodules.min.css';
 import './Datepicker.scss';

 const Datepicker = ({ datepickerClassName, datepickerStyle, 
 selectedDate, datepickerInputClassName, handleChange }) => (
       <div className={`datepicker d-flex align-center 
           ${!!datepickerClassName ? datepickerClassName : ''}`}
           style= {datepickerStyle}
       >
       <span className='d-flex align-center icon-container'>
           <img src={calendarIcon} className='icon' />
       </span>

       <DatePicker
            placeholderText='DD/MM/YYYY'
            dateFormat='dd/MM/yyyy'
            id='start-date'
            autoComplete='off'
            selected={selectedDate}
            className={datepickerInputClassName}
            onChange={handleChange}
        /> …