请问如何在我的反应应用程序中修复此错误

Question

Module not found: Error: Can't resolve '@fortawesome/fontawesome-svg-core' in 'C:\Users\ANNOH\Desktop\React_Portfolio\react-portfolio\node_modules@fortawesome\react-fontawesome'
ERROR in ./node_modules/@fortawesome/react-fontawesome/index.es.js 1:0-64
Module not found: Error: Can't resolve '@fortawesome/fontawesome-svg-core' in 'C:\Users\ANNOH\Desktop\React_Portfolio\react-portfolio\node_modules@fortawesome\react-fontawesome'

webpack 编译有 1 个错误

import { Link, NavLink } from 'react-router-dom'
import './index.scss'
import LogoS from '../../assets/images/logo-s.png'
import LogoSubtitle from '../../assets/images/logo_sub.png'
import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'
import { faHome } from '@fortawesome/free-solid-svg-icons'

const Sidebar = () => (
    <div className='nav-bar'>
     <Link className='logo' to='/'>
        <img src={LogoS} alt="logo" />
        <img className='sub-logo' src={LogoSubtitle} alt="slobodan" />
     </Link>
    <nav>
        <NavLink exact="true" activeclassname="active" to="/" >
            <FontAwesomeIcon icon={faHome} color="#4d4d4e" />
        </NavLink>
    </nav>
  </div>
 )
 
export default Sidebar

Answer 1

那是因为你没有从 package.json 安装节点模块。如果你使用 npm，你必须做 npm install。或者，如果您使用纱线，则必须执行 yarn install。如果您已经从 package.json 安装了 node_modules，那么如果您仍然遇到问题，我建议删除 node_modules 目录并重做 npm install 或 yarn install

Answer 2

典型的拼写错误。将@fortawesome 重命名为@fontawesome。

Answer 3

您是否按顺序执行了必要的步骤？

https://fontawesome.com/docs/web/use-with/react/

npm i --save @fortawesome/fontawesome-svg-core

npm i -- save @fortawesome/free-solid-svg-icons

npm i --save @fortawesome/react-fontawesome

Answer 4

请 post 您的 package.json 文件，以便能够更好地确定问题的原因。

请问如何在我的反应应用程序中修复此错误

Please how can I fix this error in my react app

javascript

reactjs

react-native