[Vue.js][문제해결] xlsx 모듈 import 에러

xlsx 파일의 데이터를 json으로 가져오려고 xlsx 모듈을 설치하였다. 설치한 명령어는 다음과 같다.

npm i xlsx

 

그 결과 package.json 파일에 다음과 같이 잘 설치되었다.

"dependencies": {
    ...
    "xlsx": "^0.18.5"
  },

 

[그림 1] 정상 설치된 xlsx 모듈이 import되지 않고 있다.

 

하지만 "npm run serve"로 실행하니 다음과 같은 에러가 발생했고, xlsx가 정상적으로 작동하지 않았다.

export 'XLSX' (imported as 'XLSX') was not found in 'xlsx' (possible exports: CFB, SSF, parse_xlscfb, parse_zip, read, readFile, readFileSync, set_cptable, set_fs, stream, utils, version, write, writeFile, writeFileAsync, writeFileSync, writeFileXLSX, writeXLSX)

 

Vue.js 3.0에서 진행 중인 프로젝트인데 xlsx 버전을 타는 모양이다. 다음과 같이 package.json에서 xlsx 버전을 낮추고 "npm i"로 재설치하니 문제가 해결되었다.

  "dependencies": {
    ...
    "xlsx": "^0.17.0"
  },