import가 왜 안될까?


XMLHttpRequest를 모듈화 하는 작업 중에 발생한 문제로부터 시작합니다.

먼저 간단한 폴더 및 파일 구조입니다.

https://s3-us-west-2.amazonaws.com/secure.notion-static.com/70357a01-39e8-48c5-86f3-b593351078d7/Untitled.png

<현재 파일구조>

https://s3-us-west-2.amazonaws.com/secure.notion-static.com/ea0fd5d4-1803-426e-a1cc-4bb4cae12f8c/Untitled.png

                                    <signIn.pug 파일의 script tag 생성부분>

https://s3-us-west-2.amazonaws.com/secure.notion-static.com/d85e568f-ac2d-4bdc-8904-806b18c1203c/Untitled.png

                                                                   <signIn.js 내부 import문>

https://s3-us-west-2.amazonaws.com/secure.notion-static.com/748c87db-4ccb-45f4-83d5-2ad07bce12f9/Untitled.png

                                                        <apis/httpRequest.js 파일의 export문>

signIn.js 에서 모듈을 import 해야 하는데 무슨 방법을 써도 안되더군요.

https://s3-us-west-2.amazonaws.com/secure.notion-static.com/a026759f-4c79-40f2-ac4d-e29c65026ef8/Untitled.png

https://s3-us-west-2.amazonaws.com/secure.notion-static.com/33734dc5-8445-4f1e-a1c3-fb52d4cd2b0c/Untitled.png

수많은 같은 에러들이 저를 반겨줍니다.

둘다 import 해!

여러 방면으로 생각해 보던 도중, signIn.js 의 script 태그에 두 js파일 모두 넣어보았습니다.