Trouble_Shooting

#1 webpack config

• 웹팩 config를 잘못 적용해서 cannot /GET 와 404 에러가 떴던 이슈.

  • 문제 원인

    • path와 publicPath의 차이점을 인지하지 못하고 브라우져를 통해 접근하는 (가상)경로인 publicPath에 잘못된 값을 넣고 webpack-dev-server를 실행했다.
    • 물론 publicPath에 넣은 값을 추가하여 localhost:8080/dist/ 로 접근했다면 오류는 없었겠지만, 처음 FE 환경설정을 진행하던 때에는 localhost:8080/ 에 접근할 경우 cannot /GET 에러가 위와 같은 경로상의 문제라고 인식하지 못해서 많은 시간을 소비했다.

  • 해결 했던 순서?

    • 이슈가 있을법한 option이 무엇인지에 대해 논의했습니다.
    • 공식 문서에 들어가서 작성했던 option중에 문제가 될만한 option들의 설명들을 읽으면서 수정 했습니다.
    • 작동이 잘되는 webpack-config와 현재 안되는 webpack-config를 비교해서 다른점을 수정하면서 실행이 되는지 확인 했습니다.

  • path & publicPath

    • path: 모든 출력 파일을 저장할 로컬 디스크 디렉터리
    • publicPath: 번들 파일을 업로드한 위치
    • https://stackoverflow.com/questions/28846814/what-does-publicpath-in-webpack-do