我是laravel webpack的新手。这是我的app.js:
require('./bootstrap');
Vue.component('example', require('./components/Example.vue'));
const app = new Vue({
el: '#app'
});
$(document).ready(function(){
$('.owl-carousel').owlCarousel();
});
和bootstrap.js
:
window._ = require('lodash');
window.$ = window.jQuery = require('jquery');
require('bootstrap-sass');
require('owl.carousel');
window.Vue = require('vue');
window.axios = require('axios');
window.axios.defaults.headers.common = {
'X-CSRF-TOKEN': window.Laravel.csrfToken,
'X-Requested-With': 'XMLHttpRequest'
};
我在owl-carousel
添加了bootstrap.js
库,并在owl-carousel
的最后一行启动了app.js
。但是当我运行npm run watch
并检查app.js时(在public/js
中创建
)通过浏览器,我看到owl-carousel
库位于$('.owl-carousel').owlCarousel();
之后。所以猫头鹰旋转木马不会跑。我该如何处理这个问题?