munak

[laravel 5] jquery $ is not defined + 엘릭서 사용시 본문

카테고리 없음

[laravel 5] jquery $ is not defined + 엘릭서 사용시

moonhak 2016. 3. 2. 22:28

라라벨 5.1에서 엘릭서를 사용하여 css 코드와 javascript 코드를 통합하여 아래와 같이 사용하고 있었습니다.

<link href="{{ elixir("css/app.css") }}" rel="stylesheet">
...
<script src="{{ elixir("js/app.js") }}"></script>


허나 데이트피커와 같은 jquery 플러그인을 적용하려고 하면

"jquery $ is not defined" 에러가 발생하였습니다.


가장 많은 답변인 javascript 중 제일 위에 jQuery 플러그인을 놓으라고 해서, 제 엘릭서(elixir("js/app.js")) 에 

를 body 및 footer가 끝나는 곳에 놓아 보기도하고, 

javascript들 간의 순서를 변경해보기도 했습니다. 


허나 오류만 사라질 뿐 제대로된 동작이 되지 않았습니다.

그래서 https://laracasts.com/discuss/channels/general-discussion/scripts-loaded-in-default-template-not-working-in-views?page=1

에서 제시한 해결법 대로 진행하였습니다.


** 해결법은 jQuery의 javascript 코드가 들어있는 엘릭서를 아래와 같이 css 코드 바로 밑에 두면 됩니다.

<link href="{{ elixir("css/app.css") }}" rel="stylesheet">
<link rel="stylesheet" type="text/css" href="//cdn.jsdelivr.net/bootstrap.daterangepicker/2/daterangepicker.css" />
<script src="{{ elixir("js/app.js") }}"></script>


그럼... 빠른 에러 처리 하시길 ^^

Comments