Estoy desarrollando una aplicación usando JS y Vue.js y obtengo un error en línea:
import Vue from 'vue'Estoy recibiendo esto:
Error de sintaxis no detectado: el módulo solicitado '/node_modules/.vite/vue.js?v=6dba2ea6' no proporciona una exportación denominada 'default'
Busqué en Google que podría deberse a la versión anterior de Vue, en mi versión de package.json vue es 3.2.6, pero
npm view vue versiondevuelve 2.6.14, traté de actualizarlo con Vue CLI
vue upgradepero el comando npm aún devuelve 2.6.14
Espero que puedas ayudarme, ¿qué hice mal o ni siquiera es un problema de versiones? ¡Gracias!
La razón por la que no funcionó es que Vue proporciona una exportación con nombre , mientras que intenta importarla como si tuviera una exportación default .
Para realizar una importación con nombre (que debe hacer con las exportaciones con nombre ), debe envolver el nombre de la exportación que desea importar entre llaves, así que {} alrededor de Vue de esta manera:
import { Vue } from 'vue'; // ^^^ name of exportFuncionará
Lo que desea hacer es importar vue, pero no tiene una función de exportación predeterminada o la exportación predeterminada no está configurada en el módulo vue. Entonces, debe seleccionar la función llamada vue agregando llaves.
Si tuviera una función de exportación default , su código habría funcionado y, en ese caso, podría escribir cualquier cosa en lugar de vue como se muestra a continuación:
import anyname from 'vue' anyname es el nombre que quieras.