Laravel中的Vue引导日历

Question

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

安装后，我正在assets / 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'));

但是还是一样的错误..

Answer 1

有点过时了，但是以防万一...它需要babel-preset-latest

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

Answer 2

如果您的项目没有运行任何前端工程（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'));

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