Module not found: Can't resolve '@fontwesome/react-fontawesome'

[ryuujo]

I got an error while importing FontAwesome. Here's the error:

./src/routes/Home/Home.jsx Module not found: Can't resolve '@fontwesome/react-fontawesome' in 'C:\selfProject\faq-page\src\routes\Home'

This is my code (I just only importing it):

import React, { Component } from "react";
import { FontAwesomeIcon } from "@fontwesome/react-fontawesome";
import { faSearch } from "@fortawesome/free-solid-svg-icons";

import "./Home.css";

class Home extends Component {
  render() {
    return (
      <div className="home">
        <div className="container container-title">
...

I already tried to remove node_modules and yarn.lock and tried to re-install it again, but still have the same issue.

[Namchee]

I think the import path is wrong. Shouldn't it be @fortawesome/<write module here> and not @fontwesome/<write module here>?

Refer to: https://github.com/FortAwesome/react-fontawesome#installation

[ryandrew14]

@Namchee is right, this is the problem.

[ryuujo]

Thanks @Namchee the problem has been solved! ^^

[hridoyraisul]

Thanks @Namchee the problem has been solved! ^^

please tell me how it solved? I have the same problem.

[robmadole]

@hridoyraisul check the package namespace @fortawesome not @fontawesome "R" versus "N"

[hridoyraisul]

@hridoyraisul check the package namespace @fortawesome not @fontawesome "R" versus "N"

Thanks a lot ,, I fixed it

[amastaneh]

It's part of the NPM installation guideline in https://www.npmjs.com/package/@fortawesome/free-solid-svg-icons

[Afsana1313]

I have faced the same issue. Even I used the folder name correctly as '@fortawesome', still, there is an error showing as 'Module not found: Can't resolve'

[robmadole]

@Afsana1313 paste the error please and I'll take a look. I need to see if exactly.

[hasansiam45]

still not solved. this is my importing code: import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';

[robmadole]

@Afsana1313 @hasansiam45 please provide a reproducible example (something we can run npm install on) and we'll take a look.

[NsdHSO]

Now I tried to introduce fontawesome myself. But I fail I tried to go after the installation and use guide. But it doesn't work out.

[robmadole]

@NsdHSO you'll have to give us some additional details. If it doesn't match this issue ("Module not found: Can't resolve '@fontwesome/react-fontawesome'") then please open a new issue in this project.

[NsdHSO]

@robmadole I configured it out, I had to give it an npm i. Tanks anyway.

[srikanthch1919]

I have faced the same issue. Even I used the folder name correctly as import { FontAwesomeIcon } from "@fortawesome/react-fontawesome"; this is the error:Module not found: Can't resolve '@fortawesome/react-fontawesome' in 'E:\react-music\src\components'

[sergio-ivanuzzo]

Faced with similar issue, for me helped to install @fortawesome/fontawesome-svg-core

[NsdHSO]

Thanks i resolved this problem YOU have a good day. 

Faced with similar issue, for me helped to install @fortawesome/fontawesome-svg-core

You are receiving this because you were mentioned. Reply to this email directly, view it on GitHub, or unsubscribe.

[Ravindrakumara]

Try this is
npm i --save @fortawesome/fontawesome-svg-core @fortawesome/free-solid-svg-icons @fortawesome/react-fontawesome

[hilminomad]

Try this is npm i --save @fortawesome/fontawesome-svg-core @fortawesome/free-solid-svg-icons @fortawesome/react-fontawesome this one was very useful for the case

[Damemo]

Faced with similar issue, for me helped to install @fortawesome/fontawesome-svg-core

Thanks, helped me resolve same issues in multiple files at once due to this.

[ghost]

After installing forntawsome globally by Command Prompt you have to install in your current working project singly.then it will work

[jmartincc]

Just wanted to say this worked for me, using Yarn, and it totally solved the issue. Thanks guys!

[aliasr2001]

Try this is npm i --save @fortawesome/fontawesome-svg-core @fortawesome/free-solid-svg-icons @fortawesome/react-fontawesome

This Really Helped. Thanks Man 😄

[oracularzebra]

Try this is npm i --save @fortawesome/fontawesome-svg-core @fortawesome/free-solid-svg-icons @fortawesome/react-fontawesome

Thanks a lot I was searching on the web for 2 hours and yours just solved the problem.

[Global-Manu-Man]

excellent solution on problem

[matheuscaet]

My case was when I was using the version 6.0.0. I fixed change the version to a valid tag version here: https://www.npmjs.com/package/@fortawesome/fontawesome-svg-core In my case was 6.2.0

[coffeecode27]

Try this is npm i --save @fortawesome/fontawesome-svg-core @fortawesome/free-solid-svg-icons @fortawesome/react-fontawesome

dude you saved my life

[RinkaMizuki]

Try this is npm i --save @fortawesome/fontawesome-svg-core @fortawesome/free-solid-svg-icons @fortawesome/react-fontawesome

Tks so much , you helped handle issue

[ambasth05aruni]

Hey I am facing the same issue.

[Kimiaghasemian]

Module not found: Error: Can't resolve '@fortawsome/react-fontawsome' in 'C:\Users\User\Desktop\onlineshop\shop\src\components' i have this problem and i didnt fixed with npm i ........ could you help me pls?

[ibams247]

Module not found: Error: Can't resolve '@fortawesome/free-brands-svg-icons' in 'C:\Users\amma\randoms-qoutes-mach\src\components' despite trying all the above npm commands I still get the above errors. kindly help

[robmadole]

@ambasth05aruni @Kimiaghasemian @ibams247 can you share your package.json files? Also, are you all using Vercel?

[ibams247]

@robmadole i was able to resolve by re-creating the whole project. but the issue now is that I'm not able to install git in the project . I'm getting this error(npm ERR! A complete log of this run can be found in: C:\Users\amma\AppData\Local\npm-cache_logs\2024-02-17T04_35_10_377Z-debug-0.log)