ES6 Modules과 CommonJS Modules 차이점과 eslint 오류

함수를 별도의 파일 안 클래스로 만들어, 코드 유지 관리하기 좋은 상태로 리팩토링하고 있다.

Parsing error: ‘import’ and ‘export’ may appear only with ‘sourceType: module’

라는 Eslint 오류가 났다.

현재 Node.js 환경에서 CommonJS Modules 을 지원하고 있지만

내가 쓴 export default FormValidator 라는 문법은 ES6 Module 문법이기 때문에

이러한 Eslint 오류가 발생한 것이다.

ES6 Module

• export 문법 : export default MulterConfig; • import 문법 : import

CommonJS Module

• export 문법 : module.exports = MulterConfig; • import 문법 : require

Eslint 오류 해결

문제를 해결하려면 아래처럼 설정을 하면 된다.

1) package.json에 "type": "module" 추가

2) eslintrc 파일에 parserOptions: { sourceType: 'module' } 추가하기

하지만 지금 node.js에서 express 프레임워크를 사용하여 개발하는 중이므로

굳이 ES6 module을 위한 추가 설정을 할 필요가 없다.

리액트는 Node.js 환경에서 실행되니까 이런 설정이 필요할 것 같다.

참고 링크

https://appletrick.github.io/posts/ES%EB%AA%A8%EB%93%88%EC%82%AC%EC%9A%A9%EB%B0%A9%EB%B2%95/