Error "t.datetimepicker is not a function"

archer3cl commented 7 years ago

I'm submitting a ... (check one with "x")

[ X ] Bug report => search github for a similar issue or PR before submitting
[ ] Feature request
[ ] Other, please describe

Tell about your platform

eonasdan-bootstrap-datetimepicker version : 4.17.47
Vue.js version : 2.4.2
Browser name and version : Chrome|Firefox|Safari x.x.x
This package version : 3.0.0

Current behavior Plugin is not working on module environment, console shows Error "t.datetimepicker is not a function"

Expected behavior Plugin should show on module environment

Minimal reproduction of the problem with instructions Clean installation in webpack module.

// at app.js
import moment from 'moment';
import datePicker from 'vue-bootstrap-datetimepicker';
import 'eonasdan-bootstrap-datetimepicker/build/css/bootstrap-datetimepicker.css';
Vue.use(datePicker);

const app = new Vue({
    el: '#app',
    components: {
        datePicker
    }
    data: function(){
      return { testdate: moment() }
    }
});

// at index.html
<body>
    <div id="app">
             <date-picker v-model="testdate"></date-picker>
        </div>
</body>

error in console

ankurk91 commented 7 years ago

Are you sure you have jQuery installed ?

Tip When you specify -

Vue.use(datePicker);

It means you are registering a global component, so you no need to specify local component.

I have setup a jsfiddle demo for you - https://jsfiddle.net/ankurk91/zupazg2u/4/

You can also take a look at examples and my webpack.config Possibly it webpack configuration issue.

Screenshot was not sufficient, can you please share a sample repo or setup a webpackbin?

archer3cl commented 7 years ago

After testing at webpackbin i can implement your plugin without trouble. Maybe is as you say a webpack configuration issue

ankurk91 commented 7 years ago

May be this can fix this -> https://github.com/ankurk91/vue-bootstrap-datetimepicker/blob/master/webpack.config.dev.js#L71-L75 Feel free to re-open :smile: