33-01-jest 실습 도중 에러가 발생합니다.

Question

콘솔 메시지 jest.config.js package.json 라이브러리들을 전부 설치하고 버전도 맞춰 보았는데 "Cannot use import statement outside a module" 이 에러가 뜨면서 테스트가 진행이 되지 않습니다. 무슨 문제인지 모르겠습니다.

노원두 · Answer

안녕하세요! tae young 님! 자바스크립트에서 다른 파일을 불러오는 방식으로 크게 2가지가 있어요! commonjs 방식(require 명령어 사용) 이라고 불러요! ex) const MyContainer = require ("./mycontainer") module 방식(import 명령어 사용) 이라고 불러요 ex) import MyContainer from './mycontainer'   여기서 commonjs기반 의 javascript 파일 확장자를 . c js 파일이라고 합니다! 또한, module 기반 의 javascript 파일 확장자를 . m js 파일이라고 해요! 마지막으로, 이 둘을 모두 지원 하는 javascript 파일 확장자를 .js 파일이라고 합니다! (하지만, .js파일은 commonjs가 기본이며, 추가적인 설정시 module도 가능 해요!)   위 내용을 바탕으로 정리하면, 우리가 여태까지 사용했던 .js파일들에서 import가 되었던 이유는 next에서 추가적인 설정으로 module이 가능 하도록 되어있었기 때문에 import 명령이 가능한거였어요! 원래는 안되며 require 명령을 사용해야 하는거랍니다!(webpack, babel 등의 키워드를 공부해보세요!^^)   다시 질문으로 돌아가서, 이러한 설정이 들어가있지 않은 jest.config.js 파일은 내부에서 import 명령을 사용할 수 없겠죠?! 그렇다면, jest.config.js 파일의 이름이 어떻게 바뀌면 좋을까요?! 네! jest.config.mjs 로 이름을 변경하고 다시 한 번 시도해 보세요!^^