En mi proyecto Vue 3 quiero usar chart.js/chartkick pero no puedo ver el gráfico en la página.
Recibo este mensaje de error:
[Vue warn]: Failed to resolve component: line-chart at <SimulateGame onVnodeUnmounted=fn<onVnodeUnmounted> ref=Ref< undefined > > at <RouterView> at <App>Mi vista:
<template> <line-chart :data="tomb"></line-chart> </template> <script> data() { return { tomb: { '2020-01-02': 2, '2020-02-03': 3, '2021-01-01': 5 } } </script>Mi main.js:
import { createApp } from 'vue' import App from './App.vue' import router from './router' import firebase from 'firebase' import "firebase/firestore"; import Chartkick from 'vue-chartkick'; import Chart from 'chart.js'; import Vue from 'vue'; Vue?.use(Chartkick.use(Chart)); const firebaseConfig = { apiKey: "AIzaSyANClDMGn18RLgjFvPRf22XZ8H4mHeNoUU", authDomain: "vue-auth-6de17.firebaseapp.com", projectId: "vue-auth-6de17", storageBucket: "vue-auth-6de17.appspot.com", messagingSenderId: "207202760374", appId: "1:207202760374:web:9479a5450810e3b066d817" }; firebase.initializeApp(firebaseConfig) export const db = firebase.firestore(); createApp(App).use(router).mount('#app')Uso 'Vue? .use' porque recibí un error en 'Vue.use'.
¿Alguien puede saber por qué me sale este error?
Esto no funcionará Vue?.use(Chartkick.use(Chart));
aquí hay una manera que debería resolverlo
const app = createApp(App); app.use(router); app.use(VueChartkick); app.mount('#app'); La razón es que necesita use en la instancia y no en Vue . Esto se debe a los cambios en el funcionamiento de Vue3.