Last updated: Apr 6, 2024
Reading timeยท2 min
To solve the error "Module not found: Error: Can't resolve 'react-icons'",
make sure to install the react-icons
package by opening your terminal in your
project's root directory and running the command npm install react-icons
and
restart your dev server.
Open your terminal in your project's root directory (where your package.json
file is located) and run the following commands:
# ๐๏ธ with NPM npm install react-icons # ---------------------------------------------- # ๐๏ธ with YARN yarn add react-icons
The command will add the react-icons package to the dependencies of your project.
npm start
command.You should now be able to import and use the react-icons
package in your
React.js app.
import {FaBeer} from 'react-icons/fa'; function App() { return ( <div> <p> Hello world <FaBeer /> </p> </div> ); } export default App;
If the error is not resolved, try to delete your node_modules
and
package-lock.json (not
package.json
) files, re-run npm install
and restart your IDE.
If you are on macOS or Linux, issue the following commands in bash
or zsh
.
# for macOS and Linux rm -rf node_modules rm -f package-lock.json rm -f yarn.lock # ๐๏ธ clean your npm cache npm cache clean --force # ๐๏ธ install packages npm install
If you are on Windows, issue the following commands in CMD.
# for Windows rd /s /q "node_modules" del package-lock.json del -f yarn.lock # ๐๏ธ clean your npm cache npm cache clean --force # ๐๏ธ install packages npm install
Make sure to restart your IDE and dev server if the error persists. VS Code often glitches and a reboot solves things sometimes.
react-icons
is in your dependencies
objectIf you still get the error, open your package.json
file and make sure it
contains the react-icons
package in the dependencies
object.
{ // ... rest "dependencies": { "react-icons": "^4.3.1", }, }
The react-icons
module should NOT be globally installed or be in your
project's devDependencies
, it should be in the dependencies
object in your
package.json
file.
You can try to manually add the lines and re-run npm install
.
npm install
Or install the latest version of the package:
npm install react-icons@latest
If the error persists, follow the instructions in my Module not found: Can't resolve 'X' error in React article.