Tengo problemas con el proyecto Laravel + Vite + Vue 3. He instalado todo como documentación y necesario, y este proyecto funciona separado de Laravel y Vite. Pero aquí está el problema, TypeScript no reconoce el valor predeterminado de exportación. Siempre da un error como:
MainLayout.vue:42 Uncaught SyntaxError: The requested module '/resources/scripts/composable/Auth.js' does not provide an export named 'default' (at MainLayout.vue:42:1)Pero el archivo Auth.ts tiene una función de exportación y se ve así:
export default function useAuth(){ return { CurrentUserToken: 'test'; }; }Así es como estoy llamando en algunos archivos (ejemplo)
import useAuth() from './Auth'; const { CurrentUserToken } = useAuth(); return CurrentUserToken;¿Por qué no reconocería esta función nombrada?
Puedes exportarlo así
export function useAuth() { return { CurrentUserToken: 'test'; }; }Importar
import { useAuth } from './Auth';Ejecutar la función
useAuth();O
Si desea exportar por defecto
export default function() { return { CurrentUserToken: 'test'; }; }Y la importación se vería así
import useAuth from './Auth';Ejecutar la función
useAuth();