vue说包没引入?

Question

<template>
   <el-row class="container">
      <el-col :span="24" class="topbar-wrap">
        <div class="topbar-logo topbar-btn">
            <a href="/"><img src="../assets/logo.png"></a>
        </div>
        <div class="topbar-logos">
            <a href="/"><img src="../assets/logotxt.png"></a>
        </div>
        <div class="topbar-title">
            <span>后台管理系统</span>
        </div>
        <div class="topbar-account topbar-btn">
            <el-dropdown>
                <span class="el-dropdown-link">管理员</span>
                <el-dropdown-menu>
                    <el-dropdown-item>个人信息</el-dropdown-item>
                    <el-dropdown-item>修改密码</el-dropdown-item>
                    <el-dropdown-item>退出登录</el-dropdown-item>
                </el-dropdown-menu>
            </el-dropdown>
        </div>
      </el-col>
    </el-row>
</template>
<script>
export default {
  name: 'Home'
}
</script>
<style lang="scss" scoped>
 
}
</style>

main.js:

import Vue from 'vue'
import ElementUI from 'element-ui'
import 'element-ui/lib/theme-chalk/index.css'
import App from './App'
import router from './router'

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

/* eslint-disable no-new */
new Vue({
  el: '#app',
  router,
  components: { App },
  template: '<App/>'
})

Answer 1

export default {

data() {
    return {
        name: "home"
    }
}

}

Answer 2

楼主，你好！确认一下你项目中的 .babelrc 文件是怎样的，是不是添加了按需引用的一些东西？参考下官方文档传送门

Answer 3

我用vant也碰到的了这种情况，我的总结就是，在那个页面调用组件，就在哪里引入组件