인프런 커뮤니티 질문&답변
작성한 질문수
net::ERR_ABORTED 404 (Not Found) 에러 질문드립니다..!
작성
·
1.4K
0
안녕하세요 항상 강의 잘 듣고 있습니다 ..!
이번에 강의를 보면서 나름 강의 내용을 커스텀하면서 진행하고 있습니다..!
그래서 폴더 구조와 웹팩 내용 그리고 컴포넌트 코드가 조금 다릅니다.. !
그래서 그런지 경로 문제로 추정되는 에러가 발생했는데 어디서 경로를 수정해야할지 몰라서 질문드립니다 ㅠㅠ
먼저 에러 메세지 사진입니다..
로그인과 로그아웃 그리고 회원가입 정상적으로 작동하고 /workspace/channel 로 라우터가 지정한대로 잘 작동합니다
하지만 새로고침을 하면 저렇게 에러메세지가 뜨면서 브라우저에 아무것도 보여주지 않습니다.. ㅠ
.png "carbon (1).png")
제 폴더 구조와 웹팩 내용입니다
절대경로는 주석처리만하고 사용은 안했습니다..!
웹팩에서 따로 경로 지정 옵션을 줘야할까요?.. ㅠㅠ
답변 1
0
webpack 옵션인 publicPath는 사라진거 같아서 제외했고, tsconfig 옵션인 include: ['src'] 등을 해보았는데 감을 못잡겠어서 질문드렸습니다 ㅠㅠㅠ 죄송합니다 혼자 해결못해서 ㅠㅠㅠ
따로 같은 코드로 npx create-react-app --template=typescript 로 진행해보니
정상적으로 작동합니다! 웹팩 문제인거 같은데 원인을 모르겠습니다.. 퓨ㅠ
답변 남겨주셔서 감사합니다!
index.html이 src 폴더에 넣어두고, 따로 스크립트 태그를 추가해주기 싫어서 html-webpack-plugin을 설치해 템플릿 옵션을 사용했습니다..!
에러의 문제는 찾아보니 output의 publicPath 문제더라구요.. ㅠㅠ
남은 강의 열심히 완강하겠습니다 답변해주셔서 감사합니다 ㅎㅎ
index.html에 app.js 경로 오타일겁니다.
https://github.com/ZeroCho/sleact/blob/master/front/index.html
그리고 publicPath는 devServer: { devMiddleware: { publicPath: ... } } 로 바뀌었습니다.