Laravel中的Vue Bootstrap日历

时间:2017-08-18 08:07:59

标签: javascript laravel vuejs2 vue-component

有谁知道如何在Laravel 5.4中集成Vue Bootstrap Calendar

安装后,我在资产/ js / app.js上尝试这个:

window.Vue = require('vue');
Vue.component('Calendar', require('vue-bootstrap-calendar'));

但是当我运行num run dev时,我收到此错误:

  

模块构建失败:错误:无法找到相对于的预设“最新”   目录“../ node_modules / vue-bootstrap-calendar”

我也尝试过:

require('vue-i18n');

require( 'vue-i18n' );    
window.Vue = require('vue');
window.i18n = new VueI18n({
    locale: 'en',
    messages
});
Vue.component('Calendar', require('vue-bootstrap-calendar'));

但仍然是同样的错误..

2 个答案:

答案 0 :(得分:1)

这有点过时,但以防万一......它需要babel-preset-latest

  

npm install --save-dev babel-preset-latest

答案 1 :(得分:0)

如果您的项目没有运行任何前端工程(webpack,babel ...),您可以使用Vue Calendar编译文件: https://github.com/EazyServer/Vue-Bootstrap-Calendar/blob/master/dist/vbc-browser.js

示例:

window.Vue = require('vue');
Vue.component('Calendar', require('vue-bootstrap-calendar/dist/vbc-browser'));

但我建议你将前端工程添加到你的项目中。