iview全局引用报错 Unknown custom element

Question

错误提示

main.js

import Vue from 'vue'
import App from './App.vue'
import iView from 'iview'
import 'iview/dist/styles/iview.css'

Vue.use(iView)
Vue.config.productionTip = false

new Vue({
  render: h => h(App),
}).$mount('#app')

template

<template>
  <div class="main">
    <el-row type="flex" class="row-bg" justify="center">
      <el-col :span="6">
         <Card class="grid-content bg-purple">
         </Card>
      </el-col>
    </el-row>
  </div>
</template>

请问这是为什么呢？

Answer 1

el-col是element的啊，你引错依赖组件了吧。