import
-
Cannot use import statement outside a module 에러 해결Knowledge/javascript 2022. 1. 6. 15:48
발생한 문제 기존에 index.js에 쭉 작성했던, 잘 동작하던 코드를 다른 js파일로 옮겨서 module로 import 해 사용하도록 했습니다. 글로 쓰니까 뭔가 장황한데 그냥 이 지경이었던 index.js 파일을 이렇게 정리했다는 얘기입니다. 그런데 그 후 start를 했더니 Cannot use import statement outside a module 위와 같은 에러메시지와 함께 에러가 발생했습니다. 해결 검색해보니 해결 방법은 간단했습니다. package.json 파일에 위와 같이 "type": "module" 부분을 추가하고 실행하니 이전과 같이 잘 실행되었습니다. 원인 결론부터 말하자면 require를 사용하는 commonjs 방식에서 import를 사용하려 했기 때문에 발생한 에러였습니다...
-
자바스크립트 모듈(Module) 학습 내용 간단 요약Knowledge/javascript 2020. 5. 3. 22:31
모듈(Module)이란? 자바스크립트 코드의 크기가 갈수록 커지고 기능도 복잡해지자 자바스크립트 커뮤니티는 코드 전체를 기능 단위의 코드 뭉치로 분해하고 필요에 따라 결합할 수 있도록 하는 시스템의 도입을 고민했습니다. 그 결과 도입된 것이 Module System입니다. 이 때 사용되는 코드 뭉치 각각을 Module이라고 합니다. 모듈 활용법 모듈을 내보낼 때는 export를, 가져올 때는 import를 활용합니다. 1. named export 모듈을 내보내는 가장 쉬운 방법은 내보내려는 항목 앞에 export 지시자를 배치하는 것입니다. 그 항목이 변수인지, 함수인지, 클래스인지는 상관없습니다. 최상위 항목이기만 하다면 이 방법으로 모두 내보낼 수 있습니다. 이런 방법을 named export라고 합..