require/import 导入一个空对象而不是 Vue 组件

Question

我有一个使用vue init webpack 命令创建的 Vuejs 项目。

然后，vue-datetime-picker 模块被安装

npm install --save vue-datetime-picker

然后在项目组件源文件中我尝试导入组件

import VueDatetimePicker from 'vue-datetime-picker'
// OR
// var VueDatetimePicker = require('vue-datetime-picker')

console.log('VueDatetimePicker: ', VueDatetimePicker)

浏览器控制台输出

VueDatetimePicker:  {}

节点模块src文件夹内容

node_modules/vue-datetime-picker/src$ ls
i18n/  
vue-datetime-picker.js

Answer 1

看来你使用的是Vue.js 2，但是这个组件使用的是Vue.js 1，它有很多变化，你可以阅读这里：https://vuejs.org/v2/guide/migration.html。