I'm trying to use react-slick inside my React project. When I try to import it
import Slider from 'react-slick';
I get this error
Cannot find module "react-slick"
Anyone else having this issue ?
https://github.com/akiran/react-slick Installation
npm install react-slick
Also install slick-carousel for css and font
npm install slick-carousel
React V "react@^15.4.1"
NPM install results
npm install react-slick --save
(node:14297) fs: re-evaluating native module sources is not supported. If you are using the graceful-fs module, please update it to a more recent version.
fb-lite@1.1.0 ..blal
└─┬ react-slick@0.14.5
├─┬ json2mq@0.2.0
│ └── string-convert@0.2.1
├─┬ react-responsive-mixin@0.4.0
│ ├── can-use-dom@0.1.0
│ └── enquire.js@2.1.1
└─┬ slick-carousel@1.6.0
└── jquery@3.1.1
npm install slick-carousel --save
(node:14298) fs: re-evaluating native module sources is not supported. If you are using the graceful-fs module, please update it to a more recent version.
fb-lite@1.1.0 ..blal
└── slick-carousel@1.6.0
Inside your react component file: import Slider from 'react-slick';
In package.json check version : "react-slick": "^0.15.4"
this is working for me.
I have faced the same problem. Please run the below command:-
yarn remove react-slick // If you installed through yarn
or
npm uninstall react-slick // If you installed through npm
then run:-
npm install react-slick --save
Uninstall and Install react-slick again.
If that's not working, then check the modules in the package.json file:
"dependencies": {
"react-router-dom": "^5.2.0",
"react-scripts": "^4.0.3",
"react-slick": "^0.28.1",
"react-twitter-embed": "^3.0.3",
"reactjs-popup": "^2.0.5",
"slick-carousel": "^1.8.1" }