解决vue-cli中引入自定义全局组件

Question

使用vue-cli，以前写自定义组件用Vue.component()，现在引入入口文件后，前端页面报错，具体如下：

报错信息：

项目结构如下：

在index.js中的具体操作：

然后在views/usergroup/group.vue中直接使用<affix></affix>报出以上错误，参考了别人的自定义组件写法，现不知道该如何引入和哪里出错

Answer 1

你贴的代码，看不出来怎么用，注册全局组件，只要3行就可以了

import Vue from 'vue'
import component from 'component_path'
Vue.component('component',component)

Answer 2

import vCopy from './Copyright.vue'

export default {

components: {
  vCopy
},

}

我在组件中引用组件是这样写的

main.js如上，

但是感觉项目的构造完全不一样呢 - -！