inflearn logo
강의

Khóa học

Chia sẻ kiến thức

[Code Factory] [Cơ bản] Khóa học hoàn chỉnh về NestJS REST API Backend - NestJS Core

Thêm tùy chọn Static File Serving

@nestjs/serve-static

106

작성자 없음

0 câu hỏi đã được viết

0

안녕하세요 강사님, 'Static File Serving에서 옵션 추가하기' 강좌에서 @nestjs/serve-static 설치하는 과정에서 버전 문제 때문인지 의존성 충돌 문제가 일어나는 것 같습니다.
혹시라도 다른 분들도 저와 같은 문제 겪으실까봐 글 작성합니다.
-----------------------------------

  1. npm add @nestjs/serve-static 실행
    -----------------------------------


    - 오류:
    npm add @nestjs/serve-static npm error code ERESOLVE npm error ERESOLVE unable to resolve dependency tree npm error npm error While resolving: cf_sns@0.0.1 npm error Found: @nestjs/common@10.4.17 npm error node_modules/@nestjs/common npm error @nestjs/common@"^10.0.0" from the root project npm error npm error Could not resolve dependency
    -----------------------------------
    2. npm install @nestjs/serve-static@4.0.0 // 버전 맞춰서 설치
    -----------------------------------
    - 브라우저 오류 발생: {"message":"Cannot GET /public/44f57f3f-7afa-4262-b2a3-13ee7053f920.jpg","error":"Not Found","statusCode":404}

    - npm run start: dev 오류 : no such file directory ~~\.index.html
    // 정확하지는 않지만 index.html 파일까지 찾아서 jpg 파일을 찾는 것 같아서 claude에게 물어봤더니...
    -----------------------------------
    - 해결:

    @Module({
      // 다른 모듈을 불러올 때 사용
      imports: [
        PostsModule,
        ServeStaticModule.forRoot({
          rootPath: PUBLIC_FOLDER_PATH,
          serveRoot: '/public',
          serveStaticOptions: {
            index: false
          }
        }),

    이렇게 하니 해결 됐습니다... 이게 맞는건지 궁금합니다!! 일단 브라우저 요청했더니 jpg 사진은 잘 나옵니다!!

코드팩토리 디스코드에 질문하면 더욱 빠르게 질문을 받아 볼 수 있습니다!

[코드팩토리 디스코드]
https://bit.ly/3HzRzUM

 

- 학습 관련 질문을 남겨주세요. 상세히 작성하면 더 좋아요!
- 먼저 유사한 질문이 있었는지 검색해보세요.
- 서로 예의를 지키며 존중하는 문화를 만들어가요.
- 잠깐! 인프런 서비스 운영 관련 문의는 1:1 문의하기를 이용해주세요.

javascript typescript rest-api nestjs backend

Câu trả lời 2

0

codefactory

안녕하세요!

공유 감사합니다!

0

communityai8509

안녕하세요, 인프런 AI 인턴입니다. 윤상현님.

@nestjs/serve-static 패키지를 설치하는 과정에서 의존성 충돌 문제가 발생하신 것과 관련해 도움을 드리겠습니다. 이 문제는 이미 설치한 @nestjs/common 패키지와 혼선을 빚으면서 발생할 수 있습니다. @nestjs/serve-static@nestjs/common의 버전 간의 호환성 문제로 보입니다.

오류 해결 방법

  1. 올바른 버전 매칭: @nestjs/serve-static 패키지를 설치할 때, 현재 프로젝트의 @nestjs/common 버전을 확인하시고, 동일하거나 호환 가능한 버전의 @nestjs/serve-static을 설치해야 합니다. 만약 이것이 번거로우시다면, @nestjs/serve-static의 최신 버전을 설치하여 최신의 @nestjs/common과 함께 사용하도록 하는 것도 방법입니다.

  2. ServeStaticModule 구성: 이미 해결하신 것처럼 ServeStaticModule을 구성하여 serveRootrootPath 설정을 정확히 지정해주시면 이미지 파일이 잘 나오는 것을 확인할 수 있습니다. serveStaticOptions에서 index: false를 설정한 부분도 정적 파일 제공 시 유용합니다.

질문하신 해결 방법은 올바르게 적용된 것으로 보이며, 목적한대로 정적 컨텐츠가 제공되었다니 잘 해결하신 것 같습니다.

추가로, 비슷한 이슈를 겪은 다른 수강생들의 경험도 참고해보세요:

저는 질문자님의 이해를 돕고자 지식공유자님의 기존 답변을 참고하여 유사한 답변 링크를 추천해드리고 있습니다.
현재 베타 기능으로 답변이 만족스럽지 않을 수 있는 점 양해 부탁드립니다. 🙏
추가적으로 궁금한 점이 있으시면, 이어서 질문해 주세요. 곧 지식공유자께서 답변해 주실 것입니다.

cascade 질문

0

38

1

@types/bcrypt 설치과정이 누락된것같습니다.

0

44

1

process.env port key 에러

0

44

1

추상화

0

46

1

[공유] DTO optional 필드가 undefined로 잡혀 TypeORM 조건이 깨지는 현상

0

93

2

where 키워드가 들어가는 메서드와 아닌 메서드

0

55

1

BearerTokenGuard에서 db를 조회해서 유저 정보를 불러오는 이유?

0

68

1

app.controller app.service 는 지워도되나요?

0

68

1

@JoinColumn을 쓰는 경우와 안쓰는 경우의 차이

0

77

1

포트 3000에서 listen하는 곳까지 넘어가지 않습니다.

0

63

1

PickType 사용 시 `as const`를 꼭 사용해야 하나요?

0

101

2

socket connect 오류

0

96

2

강의를 들으면서 궁금한 점

0

96

2

DELETE 요청의 반환값은 어떤 기준으로 결정하는 게 좋을까요?

0

56

2

커리큘럼 질문

0

97

2

put 요청은 언제

0

89

3

typeorm VS prisma

0

340

2

142 강의 > 4:00 > 포스트멘 활용 관련 질문 드립니다.

0

75

2

User 데코레이터 버그 수정 전달드립니다.

0

66

1

git 주소 부탁드립니다.

0

111

2

nest g resource 명령어 에러

0

99

2

로그인 엔드포인트 관련 질문

0

83

2

yarn으로 express 다운 후 node 2_server.js 실행 안되는 경우

0

145

3

"흔히 사용되는 메서드" 강의 관련 질문입니다~

0

94

2