인프런 영문 브랜드 로고
인프런 영문 브랜드 로고

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

노현규님의 프로필 이미지
노현규

작성한 질문수

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

babel과 webpack 설정하기

리액트 빌드 오류

작성

·

532

0

npm run build를 실행하니 

위와 같이 js파일 뿐만 아니라 js.map파일도 생성됩니다. 그리고 node_modules관련 js파일은 빌드되지 않은 거 같은데 webpack설정에서 문제가 있는걸까요? 그리고 html파일을 실행시키면 <script src="/dist/app.js"></script>

이 상태일 때는 경로를 못찾아서 앞에 .을 붙여주면 경로를 찾기는

하는데

이런 오류들이 뜹니다...

답변 2

0

노현규님의 프로필 이미지
노현규
질문자

감사합니다 그리고 백엔드 개발자에게 dist폴더 넘길때 bundle로 인해 생성된 report.html파일도 넘겨줘야하나요?

제로초(조현영)님의 프로필 이미지
제로초(조현영)
지식공유자

report.html같은 것은 빌드에 관한 리포트인 것 같습니다. 그런 것 까지는 안 넘기셔도 됩니다. 필요한 파일을 안 넘긴 경우 웹 사이트 접속 시 해당 리소스에 대해 404 에러가 뜰 것입니다.

0

제로초(조현영)님의 프로필 이미지
제로초(조현영)
지식공유자

map 파일은 원래 생성되는 것이고요. dist 폴더 싹 지웠다가 다시 해보세요.

콘솔에 보이는 에러는 index.html을 실행하셔서 그런 것 같은데 원래는 프론트서버 만드신 후에 서버가 index.html을 열게 해야하는 겁니다. 직접 index.html을 열면 안 됩니다.

그래서 제가 강좌에서 말씀드린게 index.html과 dist 폴더를 백엔드 개발자에게 가져다주면 서버로 만들어서 서빙해줄거라고 한 겁니다.

노현규님의 프로필 이미지
노현규

작성한 질문수

질문하기