<img src="https://cdn.inflearn.com/public/files/posts/fff7d7ba-6cd6-462c-a9a2-7938b623d006/blob" alt="" />
<img src="https://cdn.inflearn.com/public/files/posts/c8432723-015c-4be9-8f2d-a74c93392195/blob" alt="" />
<img src="https://cdn.inflearn.com/public/files/posts/a3c04f7e-2c05-46dd-a13e-a28570b4bd3a/blob" alt="" />
번들링은 잘 된거같은데 브라우저에서 첫화면과같은 에러가 나요 왜그런걸까요?

<img src="https://cdn.inflearn.com/public/files/posts/3fd16930-56ae-49d5-9d2a-2a11dd936645/blob" alt="" />
<img src="https://cdn.inflearn.com/public/files/posts/28dcdfa1-a6d9-4a2c-bad6-23229679d6ea/blob" alt="" />
<p style="box-sizing: border-box; margin: 0px 0px 12px; padding: 0px; line-height: 1.5; font-size: 16px; color: #24292e; font-family: -apple-system, system-ui, 'Segoe UI', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'; background-color: #fdfdfd;">r그리고 npm run build 실행하면 이렇게 에러가 나는데..
<p style="box-sizing: border-box; margin: 0px 0px 12px; padding: 0px; line-height: 1.5; font-size: 16px; color: #24292e; font-family: -apple-system, system-ui, 'Segoe UI', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'; background-color: #fdfdfd;">오타는 없는거같거든요 ㅠㅠ 웹팩 버전 문제일까요?
<p style="box-sizing: border-box; margin: 0px 0px 12px; padding: 0px; line-height: 1.5; font-size: 16px; color: #24292e; font-family: -apple-system, system-ui, 'Segoe UI', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'; background-color: #fdfdfd;">버전 4를 붙여서 설치했었는데..
<p style="box-sizing: border-box; margin: 0px 0px 12px; padding: 0px; line-height: 1.5; font-size: 16px; color: #24292e; font-family: -apple-system, system-ui, 'Segoe UI', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'; background-color: #fdfdfd;">
<p style="box-sizing: border-box; margin: 0px 0px 12px; padding: 0px; line-height: 1.5; font-size: 16px; color: #24292e; font-family: -apple-system, system-ui, 'Segoe UI', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'; background-color: #fdfdfd;">혹시몰라서 코드 올린 깃헙 링크도 같이 첨부합니다.
<p style="box-sizing: border-box; margin: 0px 0px 12px; padding: 0px; line-height: 1.5; font-size: 16px; color: #24292e; font-family: -apple-system, system-ui, 'Segoe UI', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'; background-color: #fdfdfd;">https://github.com/hailey21/sample

코드에 오타가 있네요. 
<ul>
<li>module.export -&gt; module.exports</li>
</ul>
빌드 후에 index.html을 다시 열어보면&nbsp; Uncatched SyntaxError 는 안나는것 같습니다.

프론트엔드 개발환경의 이해와 실습 (webpack, babel, eslint..)

webpack으로 번들링 후 브라우저에서 에러가 나요

엔트리/아웃풋 실습

자바스크립트 모듈 시스템의 복잡성 및 브라우저 호환성 문제

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

webpack으로 번들링 후 브라우저에서 에러가 나요