인프런 커뮤니티 질문&답변

GroundP님의 프로필 이미지

작성한 질문수

탄탄한 백엔드 NestJS, 기초부터 심화까지

프런트엔드 코드 실행 방법 & VSCode 아이콘 테마 관련

프론트엔드 코드 실행시 에러

해결된 질문

작성

·

309

1

위와 같은 에러가 발생합니다. 제 프로젝트에서도 그렇고 github에서 받은 코드에서도 npm i -> npm run dev 실행시 똑같이 위 에러가 나오네요ㅠ

답변 3

1

GroundP님의 프로필 이미지
GroundP
질문자

해결됐습니다. 여태까지 인프런 강의 들으면서 이렇게 단시간에 답도 친절하게 달아주시고 설명도 잘해주시는 분 처음봤어요:) 열심히 공부해서 nest도 뿌시도록 하겠습니다! 감사합니다

윤상석님의 프로필 이미지
윤상석
지식공유자

좋은 말씀 감사합니다!

화이팅입니다!  :)

1

윤상석님의 프로필 이미지
윤상석
지식공유자

안녕하세요!

프런트엔드 재확인 결과 문제는 없었습니다. ㅠㅠ 

우선, .next 폴더, node_modules 폴더, package-lock.json 파일을 모두 삭제 후에 

다시, npm i -> npm run dev 명령어를 수행해 보시고 답글 주시겠어요??

GroundP님의 프로필 이미지
GroundP
질문자

에러내용을 보고 public/nestjs.svg를 확인했는데 width="256px" height="255px"로 되어있네요 같은 경로의 vercel.svg의 경우 width="283" height="64"입니다. px표시가 되어있어서 numeric 검사에 걸리는 것 같은데, px를 빼고 다시 npm run dev해도 마찬가지네요

0

GroundP님의 프로필 이미지
GroundP
질문자

여전히 같은 에러가 납니다..

제가 했던 방법은 git에서 받은 소스에서 frontend, image 폴더를 제 프로젝트 폴더의 root경로에 복사해서 npm i -> npm run dev 를 실행했었습니다.

GroundP님의 프로필 이미지
GroundP
질문자

혹시몰라서 제 소스 남겨봅니다. https://github.com/GroundP/CatsCommunity

frontend는 nest과제와 같은 폴더가 아닌 그 상위 폴더에 복사했었습니다

윤상석님의 프로필 이미지
윤상석
지식공유자

네 확인하고 답글 남기겠습니다!

윤상석님의 프로필 이미지
윤상석
지식공유자

git clone -b main-frontend --single-branch https://github.com/amamov/teaching-nestjs-a-to-z.git

위 명령어로 frontend 단일 폴더 다시 클론해서 npm i -> npm run dev 하시면 될 것 같습니다!

next 버전 업이 되면서 코드를 변경했었는데 GroundP님이 clone 하실때 제가 업데이트한 시점이 엇갈린 것 같습니다 ㅠㅠ

GroundP님의 프로필 이미지

작성한 질문수

질문하기