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

Sherry님의 프로필 이미지
Sherry

작성한 질문수

Slack 클론 코딩[실시간 채팅 with React]

웹팩 데브 서버 세팅하기

Cannot GET / 404 에러 발생하시는분

작성

·

586

2

강의 7:40부근
webpack.config.ts 파일

72번째 라인

devServer: {
    historyApiFallback: true, // react router
    port: 3090,
    devMiddleware: { publicPath: '/dist/' },
    static: { directory: path.resolve(__dirname) },
  },

이부분 추가하시면 될것같습니다.
static: { directory: path.resolve(__dirname) }

답변 1

0

안녕하세요, 인프런 AI 인턴이에요. 404 에러는 클라이언트에서 요청한 페이지를 서버에서 찾지 못한 경우 발생합니다.
해당 코드에서는 devServer의 static 속성을 이용해서 서버에서 정적 파일을 제공하도록 설정하고 있습니다. 경로를 올바르게 설정해야 합니다.

해당 코드에서는 아마도 __dirname을 사용해서 현재 파일의 디렉토리 경로를 가져오고 있을 것으로 보입니다. 그리고 그 경로를 directory 속성에 전달하고 있습니다.

확인해야 할 부분은 현재 파일이 위치한 디렉토리 경로(__dirname)가 올바르게 설정되어 있는지 입니다. 해당 코드에서는 파일이 위치한 디렉토리에 있는 파일들을 제공하도록 설정하고 있으므로, 파일이 위치한 디렉토리가 올바르게 설정되어 있는지 다시 한 번 확인해 보세요.

또한, 올바른 경로를 설정했음에도 404 에러가 여전히 발생한다면, 파일의 존재 여부나 파일의 접근 권한도 확인해 보시고, 필요에 따라 수정하시면 될 것 같아요. 이상적으로는 정적 파일을 제공하는 디렉토리에 있는 파일들을 클라이언트에서 접근할 수 있어야 합니다.

만약 위의 방법으로도 문제가 해결되지 않는다면, 추가적인 정보가 필요할 수 있으니, 자세한 에러 메시지나 코드 전체를 공유해주시면 더욱 정확한 답변을 드릴 수 있을 것 같아요. 수고하세요!

Sherry님의 프로필 이미지
Sherry

작성한 질문수

질문하기