본문 바로가기

[내일배움캠프]스파르타코딩클럽 AI 웹개발/Today I Learned

[TIL] parcel 삭제

1. Axios 및 Parcel 관련 문제 해결

  • Axios를 사용하는 프로젝트에서 import 구문으로 패키지를 불러올 때, 브라우저에서 Cannot use import statement outside a module 오류가 발생.
  • 이 문제는 ES6 모듈 시스템을 사용하지 않아서 발생했으며, HTML 파일에서 script 태그에 type="module"을 추가하여 해결.
  • Parcel을 사용하여 번들링할 때, Axios와 같은 모듈은 상대 경로로 지정하지 않고, 패키지 이름만으로 import하여 해결 가능.
  • 브라우저에서 모듈을 찾지 못하는 문제(Failed to resolve module specifier "axios")는 Axios 설치 후 import axios from 'axios';로 해결.

2. Parcel 삭제 시도

  • Parcel을 삭제하려고 했으나 예상치 못한 문제가 발생하여 제거가 제대로 되지 않음.
  • npm uninstall parcel 및 전역 설치된 경우 npm uninstall -g parcel-bundler 명령을 사용하여 제거를 시도했지만 오류가 계속 발생.