Estoy usando @vue/cli para un proyecto y no puedo descifrar por qué mis variables exportadas no funcionan. Esta es mi configuración de código:
[Aplicación.vue]
import {somevar} from './main.js' console.log(somevar)[principal.js]
import { createApp } from 'vue' import App from './App.vue' const somevar = "example" export {somevar} createApp(App).mount('#app')Cuando ejecuto npm run serve , ¿alguna variable vuelve como indefinida en la consola del navegador...?
Intenté hacer esto con una configuración estándar (no en vue) y funciona, así que supongo que está sucediendo algo específicamente con vue.
No creo que sea posible importar main.js en App.vue, que a su vez se importa en main.js (dependencia cíclica).
Traté de reproducir su configuración, lo que resultó en un Uncaught ReferenceError: Cannot access 'App' before initialization en la consola del navegador (tengo un proyecto basado en vite 2 y vue 3).
Sugeriría extraer la constante en un archivo javascript adicional como example.js e importarlo en App.vue (y main.js si es necesario).
La siguiente configuración funciona para mí.
[Aplicación.vue]
<script setup> import { somevar } from './example.js' console.log(somevar) </script>[principal.js]
import { createApp } from 'vue' import App from './App.vue' createApp(App).mount('#app')[ejemplo.js]
const somevar = "example" export {somevar}