Error when I import .css file from node-module

Question

Now I am trying to use DatePicker in React-hooks project. But importing css from node-module make error.

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

How can I fix it? Thank you for any advice.

Please share all error messages in text form (not as screenshots!), along with your attempts to resolve the errors — Nico Haase
– Nico Haase, Commented Jul 20, 2021 at 6:15
Sorry for my laziness. But it's enough for fixing error. Aadesh gave me good answer then I fixed my error. Thanks for your response. — snowman729
– snowman729, Commented Jul 20, 2021 at 12:43
@snowman The solution (and the full problem) is also for other people that might have a similar problem. You have the opportunity to save them some time doing more research! — Martin Müsli
– Martin Müsli, Commented Jul 20, 2021 at 15:28

Aadesh Kulkarni · Accepted Answer · 2021-07-19 17:25:28Z

2

It could be because of the bundling logic applied in webpack configuration.

Solutions:

You can use CDN, to solve the issue Add this in public/index.html file inside the head tag.

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

Incase that doesn't help, you can check this link: https://github.com/Hacker0x01/react-datepicker/issues/879

You can import it in src/index.js file instead of the current file

answered Jul 19, 2021 at 17:25

Aadesh Kulkarni

5775 silver badges17 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

snowman729 Over a year ago

You are my hero.

Collectives™ on Stack Overflow

Error when I import .css file from node-module

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related