리액트 라우터 돔 에러인것같아요

[황정후]

"TypeError: Cannot read properties of undefined (reading 'pathname') "

라고 나와서 오류내용을 살펴보니

"Router
C:/Users/H/Desktop/project/packages/react-router/index.tsx:281
278 | }
279 |
280 | let {
> 281 | pathname = "/",
| ^ 282 | search = "",
283 | hash = "",
284 | state = null,
"

이게 먼저 나온후에 index.js의 ReactDOM.render() 부분에 오류가있다고 띄워주다라구요

 

어떻게해결해야할지 구글링한대로 몇개해봤는데도 안되고있습니다 ㅠ

 

[codingapple]

어떻게 코드짰는데 저게 뜨는지도 알려주십시오

package.json에 기록된 react-router-dom 버전도 알려주십시오 

[황정후]

index.js 

"

import React from 'react';
import ReactDOM from 'react-dom';
import { Router,withRouter  } from 'react-router-dom';
import App from './App';
import reportWebVitals from './reportWebVitals';
import { Provider } from 'react-redux';
import store from "./utils/store";
import history from "./utils/history";

ReactDOM.render(
  <Provider store={store}>
    <Router  history={history}>
      <App />
    </Router>
  </Provider>,
  document.getElementById('root')
);

reportWebVitals();

"

위에 올려둔 오류확인코드는 제가 작성한것도 해당파일이 존재하지도않는데 저렇게 오류가 나온다고되어있고

다음 오류가 뜨는곳이 index.js 라서 해당코드를 전문복사해왔습니다

 

버전은

"  "react-router-dom": "^6.0.2"," 

이렇게 되어있습니다

 

react crud 인 

https://binaryjourney.tistory.com/54

해당블로그 에서 공부중에 일어난 문제입니다

[codingapple]

npm으로 react-router-dom 6버전 삭제하고 5버전을 설치하시면 되겠습니다

[황정후]

5.3.0버전 설치했는데도 똑같은 오류가 발생중입니다 ㄷㄷ..

npm 이아니라 yarn으로 삭제하고 설치했는데 아마 상관없지않을까 싶습니다 

[황정후]

프로젝트 새로파고 다시 5.3.0으로 바꾸었더니 되었습니다

대체 어떤점이 문제였을까요...?

[codingapple]

원래 버전꼬이면 새로 만드는게 가장 안정적입니다 

[황정후]

선생님께서는 어떻게 그렇게 단번에 버전이꼬였다는걸 아셨는지 궁금합니다

 

왜냐하면 저도 구글링을해봤을때 5버전으로 낮추라는 글을보았고 그대로 낮췄지만 첫번째프로젝트에서는 그래도안됐었구요

 

새로파고나서 그다음 버전을낮춰보니 됐었거든요 ㄷㄷ 

[codingapple]

요즘 라우터 6버전 문제가 좀 있습니다 

[글쓴이]

글