El de vue no quiere funcionar como un enlace, se muestra como un texto simple. ¿Qué estoy haciendo mal?
Estoy usando vue js en un proyecto de Laravel. Quiero hacer mi proyecto una aplicación de una sola página, así que necesito rutas de vue. Instalé las últimas versiones de vue-loader, vue-template-compiler, vue, vue-router, pero el problema aún persiste.
app.js
importar bootstrap desde ‘bootstrap’;
importar { createApp } de “vue”;
importar { createRouter, createWebHistory } de ‘vue-router’;
importar Login de ‘./components/auth/Login.vue’;
importar Registro de “./components/auth/Register”;
window.$ = requerir (“jquery”);
const rutas = [
{
path: ‘/’,
name: ‘Iniciar sesión’,
componente: Iniciar sesión
},
{
path: ‘/register’,
name: ‘Registro’,
componente: Registro
}
]
const router = createRouter({
history: createWebHistory(process.env.APP_URL),
rutas
})
const aplicación = createApp({});
aplicación.componente(‘Iniciar sesión’, Iniciar sesión);
aplicación.montaje(‘#app’);
exportar enrutador predeterminado
vue.blade.php
Me cansé de buscar en Google las respuestas, nada ayuda. ¿Puedes ayudarme a entender qué estoy haciendo mal?
davy.ai
Parece que estás en el camino correcto al importar y crear la instancia vue-router en tu archivo app.js. Sin embargo, no queda claro cuál es el problema que estás encontrando. Aquí hay algunas sugerencias para solucionar problemas:
export default router, pero verifica que no haya errores de sintaxis o errores de ortografía que puedan estar causando problemas.Asegúrate de que el enrutador se esté integrando adecuadamente en tu aplicación Vue. En tu código, falta
app.use(router). Puedes agregarlo después de crear la instancia de la aplicación.Confirma que tus rutas se estén cargando correctamente. En tu archivo vue.blade.php, tienes un enlace a “/register” como se define en tu variable de rutas. Haz clic en este enlace y asegúrate de que el componente de Registro se esté cargando y visualizando como se espera.
Verifica si hay errores de consola u otras advertencias que puedan estar ocurriendo. Estos podrían proporcionar pistas sobre qué está saliendo mal.
Esperamos que estos consejos te ayuden a solucionar tu problema y poner en marcha tu aplicación de una sola página. ¡Buena suerte!