title: Element UI - Unknown custom element: <el-drawer> - did you register the component correctly?
body: <p>I am using the element ui template, but when adding some components such as el-drawer, it appears to me that it is not registered,</p>
  
  <p><a href="https://element.eleme.io/#/es/component/drawer" rel="nofollow noreferrer">https://element.eleme.io/#/es/component/drawer</a></p>
  
  <pre><code>vue.runtime.esm.js:574 [Vue warn]: Unknown custom element: &lt;el-drawer&gt; - did you register the component correctly? For recursive components, make sure to provide the "name" option.
  
  found in
  
  ---&gt; &lt;Dashboard&gt;
         &lt;AppMain&gt; at src/layout/components/AppMain.vue
           &lt;Layout&gt; at src/layout/index.vue
             &lt;App&gt; at src/App.vue
               &lt;Root&gt;
  </code></pre>
  
  <p>How can I add or fix it?
  Thank you</p>
  
  <p>Template: <a href="https://github.com/PanJiaChen/vue-admin-template" rel="nofollow noreferrer">https://github.com/PanJiaChen/vue-admin-template</a>
  ref:<a href="https://element.eleme.io/#/es/component/quickstart#configuracion-global" rel="nofollow noreferrer">https://element.eleme.io/#/es/component/quickstart#configuracion-global</a></p>
  
  <p><strong>main.js</strong></p>
  
  <pre><code>/* eslint-disable */
  import Vue from 'vue'
  
  import 'normalize.css/normalize.css' // A modern alternative to CSS resets
  import axios from 'axios'
  import ElementUI from 'element-ui'
  
  import 'element-ui/lib/theme-chalk/index.css'
  import locale from 'element-ui/lib/locale/lang/en' // lang i18n
  
  import '@/styles/index.scss' // global css
  
  import App from './App'
  import store from './store'
  import router from './router'
  
  import '@/icons' // icon
  import '@/permission' // permission control
  
  /**
   * If you don't want to use mock-server
   * you want to use MockJs for mock api
   * you can execute: mockXHR()
   *
   * Currently MockJs will be used in the production environment,
   * please remove it before going online! ! !
   */
  import { mockXHR } from '../mock'
  if (process.env.NODE_ENV === 'production') {
    mockXHR()
  }
  
  // set ElementUI lang to EN
  Vue.use(ElementUI, { locale })
  // 如果想要中文版 element-ui，按如下方式声明
  // Vue.use(ElementUI)
  
  axios.defaults.baseURL='https://localhost:44340/'
  //axios.defaults.baseURL='http://localhost/'
  Vue.config.productionTip = false
  
  new Vue({
    el: '#app',
    router,
    store,
    render: h =&gt; h(App)
  })
  </code></pre>