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

Question

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

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.js2，但是这个组件用的是Vue.js1，变化很大，你可以看这里：https://vuejs.org/v2/guide/migration.html.

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

require/import imports an empty object instead of Vue component

node-modules

vuejs2