Uncaught SyntaxError: Unexpected token 'export'

Bootstrap에서 팝업 및 툴팁 기능을 제공하는 popper.js를 사용하기 위해서 등록했다가 아래와 같은 Error가 뜨고야 말았다.

 

export 에러

 

원인 사유

Unexpected token 'export' 에러는 Javascript 모듈에 대한 지원이 없는 환경에서 ES6(ECMAScript 2015) 모듈을 로드하려고 할 때 발생하게 된다. export 속성은 ES6 모듈 시스템에서 모듈에서 특정 기능이나 값을 내보내기 위해서 사용되며, 이를 통해 다른 모듈에서 해당 기능이나 값을 사용할 수 있게 된다.

 

해결 방법

스크립트를 선언할 때, export를 추가하도록 한다.

 

문제 발생 코드

<script src="../../plugins/popper/popper.min.js"></script>

 

문제 해결 코드

<script type="module" src="../../plugins/popper/popper.min.js"></script>