미니블로그 프로젝트 빌드시 오류

네 라우터문제인거같아서 재설정을 해줫는데도 계속 오류가 나네요 ㅠㅠ

https://github.com/Gomdollee/React_mini_blog
깃허브 주소입니다!

아무래도 패키지 설치과정에서 뭔가 꼬인 것 같네요~

node_modules 디렉터리와 package-lock.json 파일을 모두 삭제한 이후에,

아래 명령어로 강제로 패키지 설치를 진행한 이후에 다시 실행해보시기 바랍니다.

npm install --force

그리고 현재 코드 기준으로 PostViewPage에서 에러가 발생하는데,

원인은 매칭되는 post를 찾을 수 없기 때문입니다.

아래 find() 함수의 조건문에서 ===를 사용할 경우에는,

타입까지 동일해야 true로 판정이 되는데 item.id는 number 타입이고 postId는 string 타입입니다.

const post = data.find((item) => {
    return item.id === postId;
});

그래서 아래와 같이 postId를 number 타입으로 변환해서 비교하거나,

=== 대신 ==를 사용하여 값만 비교하는 형태 중에서 선택해서 사용하시면 됩니다.

// 타입을 변환하는 형태
const post = data.find((item) => {
    return item.id === Number(postId);
});

// 값만 비교하는 형태
const post = data.find((item) => {
    return item.id == postId;
});

시도해보시고 계속해서 문제가 발생하면 말씀해주시기 바랍니다.

감사합니다.

해결됐습니다 감사합니다 강사님!