uniapp在main.js 报错提示 Vue.componen

今天打算使用uniapp的自定义组件，但是按照vue的全局注册方式，却报错【在main.js 总是提示 Vue.component()需要两个参数 】，但是确实是传了两个参数

问题代码如下：

//main.js

import Vue from 'vue'
import App from './App'
import request from './common/request/index'

Vue.config.productionTip = false

App.mpType = 'app'

Vue.prototype.$request = request;

Vue.component('book-item', {
  template: '<view>A custom component!<view>'
})

const app = new Vue({
    ...App
})
app.$mount()

报错截图： 屏幕快照 2020-02-22 下午11.52.03.png

经过查阅uniapp的文档https://uniapp.dcloud.io/collocation/main，按照示例方式全局注册组件成功。成功代码如下：

//main.js

import Vue from 'vue';
import App from './App';
import request from './common/request/index';
import bookItem from './components/list/bookItem.vue';

Vue.config.productionTip = false

App.mpType = 'app'

Vue.prototype.$request = request;

Vue.component('book-item',bookItem);

const app = new Vue({
    ...App
})
app.$mount()

image.gif

//  @/components/list/bookItem.vue

<template>
    <button v-on:click="count++">You clicked me {{ count }} times.</button>
</template>

<script>
    export default {
        name: 'book-item',
        data: function() {
            return {
                count: 0
            }
        },
    }
</script>

<style>
</style>

image.gif