1. Bootstrap’s JavaScript 오류

Screenshot from 2018-08-14 12-42-42

Uncaught Error: Bootstrap's JavaScript requires jQuery
at bootstrap.min.js

아주 기초적인 오류다. Bootstrap.js 이전에 jQuery가 먼저 선언되어야 한다. 일반적인 경우, footer.html 에서 스크립트 선언 순서를 바꾸어준다.

수정 전

<script src="/assets/javascripts/bootstrap.min.js"></script>
<script src="/assets/javascripts/jquery-3.2.1.min.js"></script>

수정 후

<script src="/assets/javascripts/jquery-3.2.1.min.js"></script>
<script src="/assets/javascripts/bootstrap.min.js"></script>

이 블로그는 jekyll로 만들어졌고, css와 js는 _data/assets.yml 에서 yml 목록으로 관리된다. 따라서 다음과 같이 수정한다.

수정 후

js:
  - /assets/javascripts/jquery-3.2.1.min.js
  - /assets/javascripts/bootstrap.min.js

Comments

Eungbean Lee's Picture

About Eungbean Lee

Lee is a Student, Programmer, Engineer, Designer and a DJ

Seoul, South Korea https://eungbean.github.io