Recibo este error después de compilar mi proyecto Vue 2:
Failed to compile. ./node_modules/vue-chartjs/dist/index.js 85:11-26 "export 'defineComponent' was not found in 'vue'La línea en el archivo anterior que está causando este comportamiento es:
import { defineComponent, shallowRef, ref, watch, onMounted, onBeforeUnmount, toRaw, h, isProxy } from 'vue';Todas estas importaciones provocan el mismo error. Esto sucede después de actualizar vue-chartjs de la versión 3.5.1 a la versión 4.1.1 (antes de que funcione perfectamente). Estoy buscando ideas sobre lo que podría estar causando esto.
Las versiones de las dependencias utilizadas son:
- "chart.js": "^3.8.0" - "vue": "^2.6.14" - "vue-chartjs": "^4.1.1"Desafortunadamente, no puedo proporcionar un fragmento. Esto sucede solo en un proyecto que está en uso en el trabajo. Si pruebo esto en un proyecto limpio, se compila perfectamente. Internet es casi nulo con respecto a la información sobre Vue, así que solo estoy buscando alguna idea.
Cualquier cosa que se te ocurra que pueda causar esto, por favor compártela. Incluso la idea más tonta puede ayudar, he estado buscando en Internet durante días y no puedo encontrar nada. Esto se está volviendo súper frustrante, todo lo que quería hacer era actualizar chart.js y me está tomando días, lol.
Supongo que estás tratando de importar la lib así:
import { Bar } from 'vue-chartjs' Esto no funcionará para usted ya que está usando Vue2. Para usar el contenedor Vue con Vue2, deberá importar desde 'vue-chartjs/legacy' . Aquí tienen soporte para Vue V2 y luego su aplicación debería compilarse bien.
Importación correcta para usted:
import { Bar } from 'vue-chartjs/legacy'Viniendo de su archivo Léame
Este error generalmente proviene del hecho de que está utilizando una versión específica de Vue3. Como se explica aquí: "exportar 'predeterminado' (importado como 'Vue') no se encontró en 'vue'
Al revisar la página de lanzamientos de vue-chartjs , podemos ver que v4.0.0 tuvo un cambio importante al migrar a Vue3:https://github.com/apertureless/vue-chartjs/releases/tag/v4.0.0
Por eso la v4 está causando tal problema. Manténgase en v3.5.1 (22 de agosto de 2020) o inferior si está atascado con un uso de Vue2.