CommonJS (CJS) Warning

vs code에서 vite 실행 명령어를 입력하니 해당 경고문이 발생했다.

 

찾아보니 Vite의 CommonJS (CJS) 빌드가 더 이상 지원되지 않는다는 경고 메시지라고 하며,

Vite 4.0부터 ESM(ECMAScript Module) 형식으로 전환되면서 발생할 수 있는 문제 였던것이다.

해결하기 위해서 Vite의 API를 ESM 방식으로 사용하도록 설정해줘야 한다.

 

해결방안

 

1. Vite를 최신 버전으로 업데이트

$ npm install vite@latest

하지만 이미 vite react 템플릿을 설정할 때 적용했었다.

 

2. 프로젝트에서 Vite API를 ESM으로 설정

//package.json 파일에 코드 작성

{
  "type": "module",
  "dependencies": {
    "vite": "^latest"
  }
}

 

위에 코드대로 type과 dependencies를 적용시킨 모습

 

그 외에 다른 방법도 있지만 2번 해결 방안만으로 기존에 있었던 경고문이 사라졌다.