Vue.js 尝试导入外部组件，但返回错误

我正在尝试将此组件导入我的vue页面

在我的vue页面的脚本元素顶部，我有以下内容

import Vue from 'vue'
import DateRangePicker from 'vue-mj-daterangepicker'
import 'vue-mj-daterangepicker/dist/vue-mj-daterangepicker.css'
Vue.use(DateRangePicker)

components: {
    DateRangePicker
}

在我的导出默认值中，我也有

import Vue from 'vue'
import DateRangePicker from 'vue-mj-daterangepicker'
import 'vue-mj-daterangepicker/dist/vue-mj-daterangepicker.css'
Vue.use(DateRangePicker)

components: {
    DateRangePicker
}

我的html

<date-range-picker from="2018-04-23T10:26:00.996Z" to="2019-04-23T10:26:00.996Z" panel="range" @update="update"/>

在web上加载页面时出现此错误

[Vue warn]: Failed to mount component: template or render function not defined.

found in

---> <DateRangePicker>
   <BookingStatistics> at resources/assets/js/views/BookingStatistics.vue
     <Root>

[Vue warn]：未能装载组件：未定义模板或呈现函数。
发现于
---> 
位于resources/assets/js/views/BookingStatistics.vue

DateRangePicker

是一个插件，可以全局注册组件，而无需在组件中注册选项：

import Vue from 'vue'
import DateRangePicker from 'vue-mj-daterangepicker'
import 'vue-mj-daterangepicker/dist/vue-mj-daterangepicker.css'
Vue.use(DateRangePicker)

直接使用它，而不使用它：

组件：{DateRangePicker}