inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

프로젝트로 배우는 React.js

82 React Router 업그레이드

npm i react-router-dom@6 오류

657

rhak12

작성한 질문수 3

0

안녕하세요.

버전 5->6로 업데이트 후에 문법 오류가 발생하지 않았고 영상을 보고 코드를 수정해보니 수정한 화면에서만 문법 오류가 발생합니다.
서버도 재시작해보고 업데이트도 여러번 해보았는데 안되는 이유를 알고 싶습니다.

package.json

{
  "name": "nodefolder",
  "version": "0.0.0",
  "private": true,
  "scripts": {
    "client": "cd client && yarn start",
    "server": "nodemon server.js",
    "db": "json-server --watch db.json --port 3001",
    "dev": "concurrently --kill-others-on-fail \"yarn server\" \"yarn client\" \"yarn db\""
  },
  "dependencies": {
    "@babel/core": "^7.9.0",
    "@babel/preset-react": "^7.9.0",
    "@reduxjs/toolkit": "^1.9.1",
    "axios": "^1.2.2",
    "bcrypt": "^5.1.0",
    "body-parser": "^1.20.1",
    "bootstrap": "^5.3.0-alpha1",
    "concurrently": "^7.6.0",
    "cookie-parser": "~1.4.4",
    "debug": "~2.6.9",
    "express": "^4.16.4",
    "fs": "0.0.1-security",
    "http-errors": "~1.6.3",
    "jade": "~1.11.0",
    "jsonwebtoken": "^8.5.1",
    "moment": "^2.29.4",
    "morgan": "~1.9.1",
    "multer": "^1.4.5-lts.1",
    "mybatis-mapper": "^0.6.8",
    "mysql": "^2.18.1",
    "node-cron": "^3.0.2",
    "nodemailer": "^6.8.0",
    "oracledb": "^5.5.0",
    "payload-react": "^0.2.1",
    "prop-types": "^15.8.1",
    "react": "^17.0.0",
    "react-cookies": "^0.1.1",
    "react-dom": "^17.0.0",
    "react-moment": "^1.1.2",
    "react-redux": "^8.0.5",
    "react-router": "^6.6.1",
    "react-router-dom": "^6.6.2",
    "react-scripts": "^4.0.0",
    "redux": "^4.2.0",
    "save": "^2.9.0",
    "styled-components": "^5.3.6",
    "uuid": "^9.0.0",
    "webpack": "^5.0.0-rc.6"
  }
}

 

오류화면



깃 주소
https://github.com/selim0915/react-study
https://github.com/selim0915/react-study/tree/main/client/src/components/Nobd

es6 redux react

답변 1

0

코지 코더

github에 가서 보니 package-lock.json에서 react-router-dom v5를 쓰고 있는데 제일 깔끔한 방법은 package-lock.json 파일 지우시고 node_modules 폴더도 지우신 다음에 npm install을 해주시면 될거 같아요~ 해보시고 에러가 또 뜨면 질문 남겨주세요 ^^

UserEffect 빈 배열 사용 질문입니다

0

136

2

Pagination 페이지 별 데이터 불러오기 오류

0

250

1

설명이 부족 한 듯..

0

292

1

pagination nav가 안보여요

0

214

1

블로그 낫 파운드 ㅠㅠ

0

243

1

return (<div></div>)

0

428

2

useState 에 대해

0

212

1

에러떠요..

0

528

2

useCallback 의존성 배열

0

370

1

인자가 필수로 들어가야 하는지 궁금합니다

0

393

1

AxiosError: Network Error가 뜹니다

0

11318

3

리액트 설치하려고 하니 에러가 뜹니다

0

300

1

23강 localhost 질문드립니다!!

0

588

5

renderBlogList 함수는 순수함수가 아니어도 괜찮은가요?

0

284

1

페이지네이션 버그 있습니다.

0

398

1

글 삭제 기능 구현 방법

0

314

1

react-router-dom 버전 업그레이드에 따른 문제

0

410

1

state가 업데이트되는 기준이 궁금합니다.

0

303

1

id가 두번 찍혀요

0

265

2

error handling 2 => ShowPage.js, BlogForm.js에서 에러가 납니다.

0

461

2

에러 핸들링에서 토스트가 2개씩 뜹니다..

0

438

2

36 블로그 db에서 받아와서 화면에 보여주기 에서

0

268

1

13번째 DB에 저장을 따라하고 있습니다.

0

408

2

useParams 가 동작하지 않습니다.

0

815

2