2017-11-30 13 views
0

내 프로젝트에 Javascript 플러그인을 포함하려면 require을 사용하고 있지만 어떤 이유로 브라우저에서 플러그인을 찾을 수 없습니다. npm run dev을 시작하면 필요한 모든 스크립트 (컴파일 된 파일에있는 스크립트)가 컴파일되지만 브라우저에서 프로젝트를 실행하면 간단히 작동하지 않습니다.Laravel 5.5 - 필요한 jQuery/Javascript 플러그인을 찾을 수 없습니다.

다음

[Vue warn]: Error in mounted hook: "TypeError: $(...).datepicker is not a function"

내 파일 :

require('./bootstrap'); 

window.Vue = require('vue'); 

Vue.component('example-component', require('./components/ExampleComponent.vue')); 

new Vue({ 
    el: '#app', 
    mounted: function() { 
     $("#datepicker").datepicker(); 
    } 
}); 

bootstrap.js을 app.js

window._ = require('lodash'); 


try { 
    window.$ = window.jQuery = require('jquery'); 
    require('bootstrap'); 

    window.datepicker = require('jquery-datepicker'); 

} catch (e) {} 


window.axios = require('axios'); 

window.axios.defaults.headers.common['X-Requested-With'] = 'XMLHttpRequest'; 

let token = document.head.querySelector('meta[name="csrf-token"]'); 

if (token) { 
    window.axios.defaults.headers.common['X-CSRF-TOKEN'] = token.content; 
} else { 
    console.error('CSRF token not found: https://laravel.com/docs/csrf#csrf-x-csrf-token'); 
} 

webpack.mix.js

let mix = require('laravel-mix'); 

mix.js('resources/assets/js/app.js', 'public/js') 
     .sass('resources/assets/sass/app.scss', 'public/css'); 

아무도 도와 줄 수 있습니까?

답변

0

마지막

https://github.com/JeffreyWay/laravel-mix/blob/master/docs/jquery-ui.md

당신은 당신의 app.js

import $ from 'jquery'; 
window.$ = window.jQuery = $; 

import 'jquery-ui/ui/widgets/datepicker.js'; 

이제 libray를 호출 할 수 있습니다를이처럼해야 .. 다음 지침에 따라 자신에 의해 해결책을 발견 네가 선호하는 방식으로

다른 JS 라이브러리에도 적용됩니다.