Laravel 5.5 - 必要なjQuery/Javascriptプラグインが見つかりません

Question

私はrequireを使用して自分のプロジェクトにJavascriptプラグインを組み込んでいますが、何らかの理由でプラグインが見つかりませんでした。開始npm run devは、必要なすべてのスクリプト（コンパイルされたファイルにもあるスクリプトも）をコンパイルしますが、ブラウザでプロジェクトを実行すると、単に動作しません。

ここ

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

私のファイル：

app.js

require('./bootstrap'); 

window.Vue = require('vue'); 

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

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

bootstrap.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'); 

誰か助けてくれますか？

Answer 1

は最後に

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ライブラリでもうまくいくはずです。