Estoy revisando y probando VUE 3 Creé una aplicación de seguimiento de tareas. El problema es cuando trato de agregar un pie de página, no funciona y me da los siguientes problemas:
Además, vale la pena mencionar que traté de agregar Vue-router antes de agregar el pie de página. Así que eliminé la configuración y los archivos del enrutador Vue, pero sigo teniendo el mismo error y advertencia.
Error : Uncaught (in promise) RangeError: Maximum call stack size exceeded Warning : runtime-core.esm-bundler.js?5c40:6568 [Vue warn]: Unhandled error during execution of scheduler flush. This is likely a Vue internals bug. Please open an issue at https://new-issue.vuejs.org/?repo=vuejs/vue-next at <Footer> at <Footer> at <Footer> at <Footer> at <Footer> and so on for a long line Error: Uncaught (in promise) RangeError: Maximum call stack size exceededy aquí está mi repositorio de código completo: https://github.com/Ahmed-Elbessfy/vue-task-tracker-issue
Está llamando al componente de pie de página dentro del componente de pie de página:
src/components/Footer.vue
<template> <Footer> ... utilice el elemento HTML <footer> integrado en su lugar (f minúscula)
Como señala @tauzN, está creando un bucle infinito llamando al componente Pie de página dentro de Pie de página.
Debe utilizar un enfoque de nombre de varias palabras para sus componentes:
Esto evita conflictos con elementos HTML existentes y futuros, ya que todos los elementos HTML son una sola palabra.
Puede leer más en https://vuejs.org/v2/style-guide/#Multi-word-component-names-essential