Question

Vue 应用程序：页脚无法呈现并给出 2 个错误和警告

2021-10-13

449

javascript vue.js vue-component vue-router

我正在修改和尝试 VUE 3 我创建了一个任务跟踪器应用程序。问题是当我尝试添加页脚时，它不起作用并给我以下问题：

另外，值得一提的是，我在添加页脚之前尝试添加 Vue-router。所以我删除了 Vue-router 设置和文件，但仍然出现相同的错误和警告

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

这是我的完整代码库： https://github.com/Ahmed-Elbessfy/vue-task-tracker-issue

Answer 1

您正在 Footer 组件内调用 Footer 组件：

src/components/Footer.vue

<template>
  <Footer>
...

请改用内置 HTML <footer> 元素（小写 f）

Answer 2

正如 @tauzN 指出的那样， 您通过在 Footer 内部调用组件 Footer 来创建一个无限循环 。

您应该为组件使用多字名称方法：

This prevents conflicts with existing and future HTML elements, since all HTML elements are a single word.

您可以在 https://v2.vuejs.org/v2/style-guide/#Multi-word-component-names-essential

中阅读更多内容