빌드 후 브라우저에서 Uncaught ReferenceError: exports is not defined 에러

안녕하세요! 빌드 후에 다음과 같은 에러가 나서 질문 드립니다.

• 에러

• app.js

• tsconfig.json

혹시 제가 놓친게 있을까봐 레포지토리의 class-note 브랜치로 가서 완성품을 빌드한 후 실행시켜봐도 동일한 오류가 뜨네요 ㅠㅠ

구글링을 해보니 브라우저에서는 commonJS 모듈 형식을 지원하지 않아 생기는 문제인 것으로 보이는데, 그렇다고 단순히 tsconfig의 target을 es6로 바꿔서 ES모듈 형식으로 컴파일 해도 axios나 chart.js를 import 하는 데에서 에러가 나서 웹팩 등의 번들러를 사용해야 할 것 같네요.

다른 해결 방법이 있는지 궁금합니다!

+) 강의를 끝까지 다 들었는데 이 부분에 대한 설명은 없어서 추가적으로 다뤄주신다면 정말 좋을 것 같습니다 :) 저는 parcel 번들러를 사용하여 진행했습니다!