[ Error ]
프로젝트 구동후 페이지 접근시
아무것도 뜨지 않고
console에
Uncaught TypeError: react_dom__WEBPACK_IMPORTED_MODULE_1__.render is not a function
발생
[ Solution ]
해당 에러는 React 18 버전 이상에서
react-dom의 render메서드가 더 이상 사용되지 않기 때문에 발생
따라서 React 18부터는
createRoot메서드를 사용해야함
수정전
import React from 'react'; import ReactDOM from 'react-dom'; import App from './App'; ReactDOM.render( <React.StrictMode> <App /> </React.StrictMode>, document.getElementById('root') );
수정후import React from 'react'; import ReactDOM from 'react-dom/client'; import App from './App'; const root = ReactDOM.createRoot(document.getElementById('root')); root.render( <React.StrictMode> <App /> </React.StrictMode> );
728x90
반응형
'Dev_Log' 카테고리의 다른 글
[React] Module not found: Error: Can't resolve '@mui/icons-material/Menu' (0) | 2025.01.23 |
---|---|
[Docker] com.mysql.cj.jdbc.exceptions.CommunicationsException (1) | 2024.12.20 |
[VS Code] java.home설정하기 (0) | 2024.12.16 |
[JPA] Failed to convert from type [null] to type [int] for value [null] (0) | 2024.12.02 |
[Java] Cannot load driver class: com.mysql.cj.jdbc.Driver (0) | 2024.12.02 |