👉 오류1
Uncaught SyntaxError: Cannot use import statement outside a module (at bootstrap.esm.min.js:6:1)`Maven to Gradle` 프로젝트를 이어서 하던 중!
console을 보니, 위와 같은 오류가 나는 것을 볼 수 있었다.
그래서 구글링을 해봤더니?
script에 `type="module"를 넣으라는 것이었다.
그래서 이렇게 type="module"을 넣고 다시 해봤더니?
👉 오류2
Uncaught TypeError: Failed to resolve module specifier "@popperjs/core". Relative references must start with either "/", "./", or "../".
다시 위 오류 내용으로 검색을 했는데, 정보가 별로 없었다.
그러다가 2020년에 작성된 https://github.com/twbs/bootstrap/issues/31944 이 게시물을 보고 따라 해봤다.
👉 해결
일단 내가 사용했던 부트스트랩은 v.5.2.3이다.
js 디렉터리에 `bootstrap.sem.min.js` 파일이 있는데!
맨 위에 보면!
import * as Popper from "@popperjs/core";Popper.js라는 오픈 소스 라이브러리의 최신 버전이라고 한다.
이 라이브러리는 웹 애플리케이션에서 툴팁, 팝오버, 드롭다운 메뉴와 같은 팝업 요소를 배치하고 관리하는 데 사용한다고 하는데?
이것 때문에 콘솔에서 오류 메시지가 계속 보였다.
그래서 이걸 주석처리를 해보고 다시 로컬에서 실행을 해봤더니!
더 이상 안 뜨고 있다!
그렇지 않아도 드롭다운 메뉴 같은 게 안 먹혀서, 이상하다 싶었는데...
저게 작동을 안 하는 것 같다.
그건 다른 방법을 찾아야 할 것 같다.
이렇게 하다가 시간이 되면, 리액트라 뷰 같은 걸 공부해서...
프론트를 변경하던가 해야겠다.
300x250
