从节点模块导入 .css 文件时出错答案

【问题标题】：Error when I import .css file from node-module从节点模块导入 .css 文件时出错
【发布时间】：2021-07-19 16:31:12
【问题描述】：

现在我正在尝试在 React-hooks 项目中使用 DatePicker。但是从 node-module 导入 css 会出错。

import React, { useEffect,useState } from 'react';
import { useLocation } from 'react-router-dom';
import { useDispatch, useSelector } from 'react-redux';
import {Modal, Container, Row, Col, Button, } from 'react-bootstrap'

import { scheduleActions } from '../_actions';
import { Header } from '../_components/Header';
import DatePicker from "react-datepicker";
import "react-datepicker/dist/react-datepicker.css"; //this make error.

......

error image

我该如何解决？谢谢你的建议。

【问题讨论】：

请以文本形式（不是屏幕截图！）分享所有错误消息，以及您解决错误的尝试
对不起我的懒惰。但这足以修复错误。 Aadesh 给了我很好的答案，然后我修正了我的错误。感谢您的回复。
@snowman 解决方案（以及完整的问题）也适用于可能有类似问题的其他人。您有机会为他们节省一些时间进行更多研究！

标签： css import datepicker react-hooks

【解决方案1】：

这可能是因为 webpack 配置中应用了捆绑逻辑。

解决方案：

您可以使用CDN，解决问题将此添加到 head 标签内的 public/index.html 文件中。

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/react-datepicker/2.14.1/react-datepicker.min.css" />

如果这没有帮助，您可以查看此链接： https://github.com/Hacker0x01/react-datepicker/issues/879

您可以将其导入 src/index.js 文件而不是当前文件中

【讨论】：

你是我的英雄。