잡다한 교훈

[eslint] Missing file extension ... (import/extensions)

콘요맘떼 2022. 3. 3. 17:51

기본적으로 node resolver는 파일의 확장자를 적어주지 않더라도 파일을 import할 수 있다. 그러나 eslint에서는 import/extensions 룰에 의해 확장자를 명시하지 않고 파일을 가져오는 행위를 금지하고 있다. 

 

출처 : eslint-plugin-import/extensions.md at v2.25.4 · import-js/eslint-plugin-import · GitHub

 

  이미지 파일 등의 asset을 가져올 때에는 확장자를 명시하는 것이 필요하겠지만 js 파일들을 import할 때에는 이러한 규칙이 개인적으로 많이 번거롭게 느껴진다. 이럴 때에는 다음과 같이 eslintrc.js 파일을 수정하여 해결할 수 있다.