Vue 애플리케이션: 바닥글이 내 두 가지 오류와 경고를 렌더링하고 주지 않음

Vue 애플리케이션: 바닥글이 내 두 가지 오류와 경고를 렌더링하고 주지 않음

나는 작업 추적기 애플리케이션을 만들었던 VUE 3를 수정하고 시도하고 있다.문제는 내가 바닥글을 추가하려고 할 때, 그것은 작동하지 않고 다음과 같은 문제를 내게 준다는 것이다.

또한 필자가 푸터를 추가하기 전에 부에루터를 추가하려고 했다는 것도 언급할 만한 가치가 있다.그래서 나는 부에루터 설정과 파일을 제거했지만 여전히 동일한 오류와 경고를 제거

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 exceeded

그리고 여기 내 전체 코드 repo: https://github.com/Ahmed-Elbessfy/vue-task-tracker-issue

Footer 구성 요소 내부의 Footer 구성 요소를 호출하는 경우:

src/구성 요소/바닥글.부에를 하다

<template>
  <Footer>
...

내장된 HTML을 사용하다<footer>요소 대신(하단 케이스 f)

@tauzN이 가리키는 것처럼 구성 요소를 Footer 내 Footer라고 불러 무한 루프를 만들고 있는 것이다.

구성 요소에 대해 다중 단어 이름 접근 방식을 사용해야 한다.

이는 모든 HTML 요소가 하나의 단어이기 때문에 기존 및 미래의 HTML 요소와의 충돌을 방지한다.

자세한 내용은 https://vuejs.org/v2/style-guide/를 참조하십시오.#멀티 워드 컴포넌트 이름 필수

참조URL: https://stackoverflow.com/questions/69556127/vue-application-footer-doesnt-render-and-give-my-2-errors-and-warning