title: Vue 2 Unknown custom element on vue libraries
body: <p>I'm using a few libraries in my vue project like <code>FusionCharts</code>, <code>VueProgressBar</code> etc. But I get this error in my console:</p>
  
  <pre><code>Unknown custom element: &lt;vue-progress-bar&gt; - did you register the component correctly? For recursive components, make sure to provide the "name" option.
  
  found in
  
  ---&gt; &lt;App&gt; at src/App.vue
         &lt;Root&gt;
  2vue.runtime.esm.js?2b0e:619 [Vue warn]: Unknown custom element: &lt;fusioncharts&gt; - did you register the component correctly? For recursive components, make sure to provide the "name" option.
  
  found in
  
  ---&gt; &lt;Home&gt; at src/views/Home.vue
         &lt;App&gt; at src/App.vue
           &lt;Root&gt;
  </code></pre>
  
  <p>Here's my <code>main.js</code> where I use <code>Vue.use()</code> to incorporate these libraries in my app:</p>
  
  <pre><code>import Vue from "vue";
  import firebase from "firebase/app";
  import "firebase/firestore";
  import { firestorePlugin } from "vuefire";
  import Notifications from "vue-notification";
  import VueProgressBar from "vue-progressbar";
  
  // Include Dependencies
  import VueFusionCharts from "vue-fusioncharts";
  import FusionCharts from "fusioncharts";
  import Column2D from "fusioncharts/fusioncharts.charts";
  import FusionTheme from "fusioncharts/themes/fusioncharts.theme.fusion";
  
  import App from "./App.vue";
  import router from "./router";
  
  import "./style.scss";
  
  Vue.config.productionTip = false;
  
  new Vue({
    router,
    render: h =&gt; h(App),
  }).$mount("#app");
  
  Vue.use(Notifications);
  Vue.use(firestorePlugin);
  Vue.use(VueProgressBar, {
    color: "rgb(143, 255, 199)",
    failedColor: "red",
    height: "2px"
  });
  Vue.use(VueFusionCharts, FusionCharts, Column2D, FusionTheme);
  //More code here
  </code></pre>
  
  <p>Why I'm getting this error even after properly importing and using these libraries?</p>