react-datepicker样式未应用于已部署的生成

Question

我正在使用react-datepicker npm模块，当我部署构建时，它的样式被破坏了(样式没有被应用)，它在本地环境中工作得很好。

我已经像这样导入了它的样式: import‘react-datepicker/dist/react-datepicer.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 }) => (
       
       
           
       

       
    
);

export default Datepicker;

如果有人遇到这个问题或对此有一些想法，请帮助我。

Answer 1

您可以使用CDN，来解决这个问题

在下一个js中，如果您想导入某个库的css，请使用CDN