Vue - 未捕获的 RangeError：超过最大调用堆栈大小 callWithAsyncErrorHandling答案

【问题标题】：Vue - Uncaught RangeError: Maximum call stack size exceeded callWithAsyncErrorHandlingVue - 未捕获的 RangeError：超过最大调用堆栈大小 callWithAsyncErrorHandling
【发布时间】：2021-05-17 17:24:50
【问题描述】：

<button onClick="test">Test</button>

Vue 3 中的可怕错误需要数小时才能找到：

未捕获的 RangeError：超过最大调用堆栈大小 callWithAsyncErrorHandling callWithAsyncErrorHandling callWithAsyncErrorHandling callWithAsyncErrorHandling 等

@vue/cli 4.5.11

{ “依赖”：{ "dotenv": "^8.2.0", “快递”：“^4.17.1”， “猫鼬”：“^5.10.7” }, “开发依赖”：{ "@types/express": "^4.17.8", "nodemon": "^2.0.4", "ts-node": "^9.0.0", “打字稿”：“^4.0.3”， "webpack": "^4.44.2", “webpack-cli”：“^3.3.12” } }

【问题讨论】：

标签： vue.js vuejs3

【解决方案1】：

原因 - 简单的语法错误： <button onClick="test">Test</button>

已解决： <button @click="test">Test</button>

【讨论】：

他们本可以为此添加很好的例外，在大型项目中很难解决..感谢分享
谢谢 - 我无法在 CodePen 中重现它，因此无法在 GitHub 上提出问题。