Vue said the bag was not introduced?

<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: "-sharpapp",
  router,
  components: { App },
  template: "<App/>"
})

clipboard.png

Jul.07,2021

export default {

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

}


Hello, landlord! Make sure that the .babelrc file in your project looks like, and does it add something that is referenced on demand? Refer to the official document Portal


I have also encountered this situation with vant. My summary is that where the component is called on that page, the component is introduced

.
Menu