[기타] Uncaught SyntaxError: Cannot use import statement outside a module 에러

import/export 정리를 하는데 아래와 같은 에러 발생

에러

Uncaught SyntaxError: Cannot use import statement outside a module

 

그냥 <script>에 type="module"만 추가해주면 된다.

 

-- 변경전
<script>
    import * as starImport from './shopList.js';
    console.log(starImport.productObj);
    console.log(starImport.gamePack);
</script>

-- 변경후
<script type="module">
    import * as starImport from './shopList.js';
    console.log(starImport.productObj);
    console.log(starImport.gamePack);
</script>