[Error] Uncaught TypeError: react_dom_client__WEBPACK_IMPORTED_MODULE_1__.render is not a function

📒 참고 강의

[무료] 따라하며 배우는 노드, 리액트 시리즈 - 기본 강의 - 인프런 | 강의

---

 

강의 들으면서 이제 좀 모양이 갖춰지나 할 때

npm run dev를 해도 화면에 아무것도 뜨지 않기 시작했다...

 

Uncaught TypeError: react_dom_client__WEBPACK_IMPORTED_MODULE_1__.render is not a function

 

에러가 떠있어서 검색하기 시작했다ㅠㅠ

강의 질문 게시판을 봐도 찾을 수 없었음...

 

Uncaught TypeError: react_dom_client__WEBPACK_IMPORTED_MODULE_1__.render is not a function

다행히 윗 분의 글을 보게 되었고 문제를 해결할 수 있엇다!!😭

강의 찍을 때의 버전과 내가 사용한 버전이 달라서 생긴 문제였다.

 

package.json에서 react, react-dom 버전이 18인 것을 확인할 수 있었고

1. 에러를 해결하려면 17버전을 새로 다운 받는 방법

2. ReactDOM 대신 createRoot를 사용하는 방법이 있다.

 

[Solved] Uncaught TypeError: react_dom_client__WEBPACK_IMPORTED_MODULE_1__ is not a function - Bad Coder, No Cookie!

 

😎 1) 17버전 다운받기

npm install react@^17.0.2

 

😎 2) ReactDOM 대신 createRoot를 사용

 

client 폴더 안의 index.js 에서

import ReactDOM from 'react-dom/client'; 대신에

import { createRoot } from "react-dom/client"; 해주고

 

const root = createRoot(document.getElementById("root"));

 

ReactDOM 대신 root로 바꿔주었다.

 

 

---

 

드디어 흰 화면에서 로그인 페이지가 나타났다!