In my Vue project, I have integrated libraries like FusionCharts and VueProgressBar. However, I encountered an error in my console:
Unknown custom element: <vue-progress-bar> - did you register the component correctly? For recursive components, make sure to provide the "name" option.
found in
---> <App> at src/App.vue
<Root>
2vue.runtime.esm.js?2b0e:619 [Vue warn]: Unknown custom element: <fusioncharts> - did you register the component correctly? For recursive components, make sure to provide the "name" option.
found in
---> <Home> at src/views/Home.vue
<App> at src/App.vue
<Root>
In my main.js, I have used Vue.use() to include these libraries:
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 => 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
Despite correctly importing and using these libraries, why am I still facing this error?