기존 vue cli로 만들어 낸 프로젝트를 vite 프로젝트로 변경 하게 되면서 기존 사용 하던 function 형태의 외부 라이브러리를 불러 올 수 없다는 에러가 발생함

 

import 파일명 from '폴더1/폴더2/파일이름';

 

불러오고 있는 코드는 위와 같이 확장자명(.js) 없이 import 하였는데 이 부분에서 문제일까 확인해봤지만 해결되지 않았음

그래서  콘솔을 확인 해보니 js 파일 내부에 export 하는 구문 없이 (function(){})(); 형태의 즉시 실행 함수 였음

[Error] Uncaught SyntaxError: The requested module '*.js' does not provide an export named 'default'

 

어찌 되었든 에러 이유는 export 되는 내용이 필요하였기 때문에 아래처럼 수정함

 

const 내보낼 함수명  = (function(){})();

export default 내보낼 함수명

+ Recent posts