fontAwesomeIcon의 아이콘이 안뜹니다.. 이유가 무엇일까요?

Question

Cannot read properties of null (reading 'useRef') TypeError: Cannot read properties of null (reading 'useRef') at Object.useRefuseRef 쓰지도 않았는데 이런 에러가 발생합니다. gpt에게 물어봤더니 객체 얘기를 꺼내는데 객체 안썼씁니다..package.json{ "name": "heartroom", "version": "0.1.0", "private": true, "dependencies": { "@fortawesome/fontawesome-svg-core": "^6.4.0", "@fortawesome/free-solid-svg-icons": "^6.4.0", "@fortawesome/react-fontawesome": "^0.2.0", "@testing-library/jest-dom": "^5.16.5", "@testing-library/react": "^13.4.0", "@testing-library/user-event": "^13.5.0", "react": "^18.2.0", "react-dom": "^18.2.0", "react-scripts": "5.0.1", "web-vitals": "^2.1.4" }, "scripts": { "start": "react-scripts start", "build": "react-scripts build", "test": "react-scripts test", "eject": "react-scripts eject" }, "eslintConfig": { "extends": [ "react-app", "react-app/jest" ] }, "browserslist": { "production": [ ">0.2%", "not dead", "not op_mini all" ], "development": [ "last 1 chrome version", "last 1 firefox version", "last 1 safari version" ] } } Router.jsimport React from "react"; import { BrowserRouter, Routes, Route } from "react-router-dom"; import Main from "./pages/Main/Main"; export default function Router() { return ( }> ); } main.jsimport React from "react"; import { FontAwesomeIcon } from "@fortawesome/react-fontawesome"; import { faHeart, faComments } from "@fortawesome/free-solid-svg-icons"; import "./Main.css"; export default function Main() { return ( <>

{/* */}

준비중
준비중
준비중

); }코드는 이렇습니다왜 에러가 발생하는 걸까요?

개발입문2 · Accepted Answer

useRef 관련 에러가 발생하는 것으로 보아, React 버전과 관련된 문제일 수 있습니다. 코드를 살펴보니, React 18.2.0 버전을 사용하고 있는 것을 확인할 수 있습니다. React 18 버전에서는 일부 변경 사항이 있어 이전 버전과 호환되지 않을 수 있습니다.먼저, React 버전을 17.x.x로 낮춰서 호환성 문제를 해결해 보세요. package.json 파일에서 다음과 같이 수정합니다.```json"dependencies": { ... "react": "^17.0.2", "react-dom": "^17.0.2", ...}```수정 후, 프로젝트 폴더에서 다음 명령어를 실행하여 의존성을 다시 설치합니다.```npm install```그리고 프로젝트를 다시 실행해 보세요. 만약 여전히 문제가 발생한다면, 다른 패키지와의 충돌이나 설정 문제일 수 있으니 추가적인 정보를 제공해 주시면 도움을 드리겠습니다.

fontAwesomeIcon의 아이콘이 안뜹니다.. 이유가 무엇일까요?

1개의 답변

Q&A 목록