문제 상황

바닐라 JS로 프로젝트를 만들던 중, 파일의 import를 하는 부분에서 에러가 발생했다.
에러가 발생한 코드는 아래와 같다.

// GetUserInput.js

import { MakeRandomNumber } from "./MakeRandomNumber";
import { compareAnswer } from "./CompareAnswer";

모두 같은 폴더에 있었기 때문에 경로는 문제가 없다.
무엇이 문제일까?

해결

너무나도 간단한 문제였다.
파일명을 전부 작성하지 않은 것이 문제였다.

// GetUserInput.js

import { MakeRandomNumber } from "./MakeRandomNumber.js";
import { compareAnswer } from "./CompareAnswer.js";

.js까지 입력해주니 에러가 사라졌다!

참고 자료

gabdol님 블로그
heeyamsec님 블로그