Ejemplo de datos simples, constantes.js
export default { name: "John Smith", age: 10 }; Importarlo en el componente Vue, que se procesa correctamente. Pero si uso DevTools y escribo c en la consola... c no está definido.
import c from "../constants/constants.js"; export default { name: "HelloWorld", computed: { myName() { debugger; // In DevTools, console... c is undefined // even though this clearly works return c.name; }, }, };no entiendo porque?
Ejemplo: https://codesandbox.io/s/constantsimportreference-ud0d3e?file=/src/components/HelloWorld.vue:90-341
Los módulos no están expuestos al ámbito global ( window ) cuando se transpilan.
Si realmente desea exponer c en DevTools, debe hacer window.c = c ; Tenga cuidado al hacer referencia a la ventana, ya que esto se romperá cuando se renderice del lado del servidor o se renderice previamente porque la window no existe.