添加链接
link管理
链接快照平台
  • 输入网页链接,自动生成快照
  • 标签化管理网页链接

vue3+antd 报错 ResizeObserver loop limit exceeded at eval (webpack-internal:///./node_modules/webpack-dev-server/client/overlay.js:249:58)

时间: 2023-07-28 19:07:16 浏览: 115
这个错误是由于 `antd` 组件库中的某些组件使用了 `ResizeObserver` 监听元素大小变化,但是在监听回调中又对元素进行了修改,导致了循环嵌套,从而触发了该错误。 [解决](https://geek.csdn.net/educolumn/03368addd5d267af1b4c6df01bb4af26?spm=1055.2569.3001.10083)方法有两种: 1. 升级 `antd` [版本](https://geek.csdn.net/educolumn/04449e2eb7da35a9c72dce97dbf43e2a?spm=1055.2569.3001.10083)到 `4.x` 及以上,因为 `4.x` [版本](https://geek.csdn.net/educolumn/04449e2eb7da35a9c72dce97dbf43e2a?spm=1055.2569.3001.10083)中已经移除了 `ResizeObserver` 监听器。 2. 如果无法升级 `antd` [版本](https://geek.csdn.net/educolumn/04449e2eb7da35a9c72dce97dbf43e2a?spm=1055.2569.3001.10083),可以通过手动引入 `ResizeObserver` polyfill 来[解决](https://geek.csdn.net/educolumn/03368addd5d267af1b4c6df01bb4af26?spm=1055.2569.3001.10083)问题。你可以在你的项目中安装 `resize-observer-polyfill` 包,然后在入口文件中引入: ```js import 'resize-observer-polyfill/dist/ResizeObserver.global'; 这样就可以全局引入 `ResizeObserver` polyfill,从而避免了该错误。
相关问题

at eval (webpack-internal:///./node_modules/webpack-dev-server/client/overlay.js:322:7)

在报错信息中,"at eval (webpack-internal:///./node_modules/webpack-dev-server/client/overlay.js:322:7)"是指错误发生的位置,具体是在webpack-dev-server的overlay.js文件的第322行的eval函数中。这个错误通常是由于观察元素的大小变化导致的循环问题引起的。为了解决这个问题,可以做以下操作: 1. 在app.vue或者main.js中添加以下代码段: ```javascript const debounce = (fn, delay) => { ```

vue报错Script error. at eval (webpack-internal:///./node_modules/webpack-dev-server/client/overlay.js:296:58)

相关推荐

我在vue2中通过tinymce和tinymce-plugins 在plugins和toolbar中加入了importword 但是我的项目报错了 p is not a constructor TypeError: p is not a constructor at t (http://10.42.47.126:8080/tinymce/plugins/importword/plugin.min.js:751:178) at u (http://10.42.47.126:8080/tinymce/plugins/importword/plugin.min.js:752:145) at Object.onAction (http://10.42.47.126:8080/tinymce/plugins/importword/plugin.min.js:754:104) at eval (webpack-internal:///./node_modules/[email protected]@tinymce/themes/silver/theme.js:3:382090) at eval (webpack-internal:///./node_modules/[email protected]@tinymce/themes/silver/theme.js:3:255327) at eval (webpack-internal:///./node_modules/[email protected]@tinymce/themes/silver/theme.js:3:382010) at eval (webpack-internal:///./node_modules/[email protected]@tinymce/themes/silver/theme.js:3:51547) at each$1 (webpack-internal:///./node_modules/[email protected]@tinymce/themes/silver/theme.js:3:4119) at run (webpack-internal:///./node_modules/[email protected]@tinymce/themes/silver/theme.js:3:51509) at eval (webpack-internal:///./node_modules/[email protected]@tinymce/themes/silver/theme.js:3:64592) at eval (webpack-internal:///./node_modules/[email protected]@tinymce/themes/silver/theme.js:3:1678) at eval (webpack-internal:///./node_modules/[email protected]@tinymce/themes/silver/theme.js:3:313855) at Optional.fold (webpack-internal:///./node_modules/[email protected]@tinymce/themes/silver/theme.js:3:2068) at doTriggerHandler (webpack-internal:///./node_modules/[email protected]@tinymce/themes/silver/theme.js:3:313676) at doTriggerOnUntilStopped (webpack-internal:///./node_modules/[email protected]@tinymce/themes/silver/theme.js:3:314490) at triggerOnUntilStopped (webpack-internal:///./node_modules/[email protected]@tinymce/themes/silver/theme.js:3:315348) 这是什么原因

_ctx.open is not a function TypeError: _ctx.open is not a function at onClick._cache.<computed>._cache.<computed> (webpack-internal:///./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[0]!./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/main/index.vue?vue&type=template&id=4774750c&scoped=true:60:67) at callWithErrorHandling (webpack-internal:///./node_modules/@vue/runtime-core/dist/runtime-core.esm-bundler.js:285:18) at callWithAsyncErrorHandling (webpack-internal:///./node_modules/@vue/runtime-core/dist/runtime-core.esm-bundler.js:293:17) at emit (webpack-internal:///./node_modules/@vue/runtime-core/dist/runtime-core.esm-bundler.js:749:5) at eval (webpack-internal:///./node_modules/@vue/runtime-core/dist/runtime-core.esm-bundler.js:6565:45) at Proxy.handleClick (webpack-internal:///./node_modules/element-plus/es/components/menu/src/menu-item2.mjs:56:9) at onClick._cache.<computed>._cache.<computed> (webpack-internal:///./node_modules/element-plus/es/components/menu/src/menu-item2.mjs:83:78) at callWithErrorHandling (webpack-internal:///./node_modules/@vue/runtime-core/dist/runtime-core.esm-bundler.js:285:18) at callWithAsyncErrorHandling (webpack-internal:///./node_modules/@vue/runtime-core/dist/runtime-core.esm-bundler.js:293:17) at HTMLLIElement.invoker (webpack-internal:///./node_modules/@vue/runtime-dom/dist/runtime-dom.esm-bundler.js:425:82)

Uncaught runtime errors: × ERROR Cannot read properties of undefined (reading 'forEach') TypeError: Cannot read properties of undefined (reading 'forEach') at Proxy.getAllTotal (webpack-internal:///./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[0]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/Cart.vue?vue&type=script&lang=js:22:17) at Proxy.created (webpack-internal:///./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[0]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/Cart.vue?vue&type=script&lang=js:16:10) at callWithErrorHandling (webpack-internal:///./node_modules/@vue/runtime-core/dist/runtime-core.esm-bundler.js:285:32) at callWithAsyncErrorHandling (webpack-internal:///./node_modules/@vue/runtime-core/dist/runtime-core.esm-bundler.js:293:17) at callHook (webpack-internal:///./node_modules/@vue/runtime-core/dist/runtime-core.esm-bundler.js:3305:3) at applyOptions (webpack-internal:///./node_modules/@vue/runtime-core/dist/runtime-core.esm-bundler.js:3229:5) at finishComponentSetup (webpack-internal:///./node_modules/@vue/runtime-core/dist/runtime-core.esm-bundler.js:6496:5) at setupStatefulComponent (webpack-internal:///./node_modules/@vue/runtime-core/dist/runtime-core.esm-bundler.js:6424:5) at setupComponent (webpack-internal:///./node_modules/@vue/runtime-core/dist/runtime-core.esm-bundler.js:6363:36) at mountComponent (webpack-internal:///./node_modules/@vue/runtime-core/dist/runtime-core.esm-bundler.js:4970:7)

最新推荐

recommend-type

基于微信小程序的高校体育互动平台设计与实现

在当前移动互联网技术广泛渗透各行业的背景下,高校体育教育面临着新的发展机遇和挑战。本研究以满足学生多样化体育需求、促进高校体育信息化管理为目标,探索了利用微信小程序等现代技术的体育互动平台设计与实施。通过深入文献回顾和定性、定量研究方法,全面了解了高校学生的体育需求及现有技术解决方案。在微信小程序技术支持下,设计了功能全面、用户友好、安全性高的平台,并多次迭代优化。实际应用和评估显示,该平台为学生提供了信息发布、活动报名、成绩查询和互动交流等综合体育活动管理服务。数据分析表明,相较传统管理方式,平台显著提升了学生体育活动参与度,增强了锻炼意识,同时为教育工作者提供了高效便捷的管理工具。基于微信小程序的高校体育互动平台为体育教育带来新的研究方向和实践机遇,不仅满足学生需求,还为教育工作者提供了灵活、有效的管理工具。 建议高校体育部门深入合作,结合国家政策推广完善该平台,提供培训和技术支持,确保其广泛应用和推广。
recommend-type

机器学习Python实战-重庆理工大学编著 教学ppt

机器学习Python实战-重庆理工大学编著 全6章教学ppt(500+页)
recommend-type

软件杯 基于bert4keras与T5进行标题生成模型的训练与微调,对模型进行Quantize,并使用ONNX部署模型.zip

中国软件杯 全国二等奖基于 bert4keras 与 T5-pegasus 进行标题生成模型的训练与微调,对模型进行 Quantize,并使用 ONNX 部署模型,部署后服务请求时长约 0.6220 秒(Ubuntu 20 &amp; 8 核 CPU) 【项目资源】:包含前端、后端、移动开发、人工智能、物联网、信息化管理、数据库、硬件开发、大数据、课程资源,毕业设计等各种技术项目的源码。包括C++、Java、python、web、C#、EDA等项目的源码。 【适用人群】:适用于希望学习不同技术领域的初学者或进阶学习者。可作为毕设项目、课程设计、大作业、工程实训或初期项目立项。 【附加价值】:项目具有较高的学习借鉴价值,也可直接拿来修改复刻。对于有一定基础或热衷于研究的人来说,可以在这些基础代码上进行修改和扩展,实现其他功能。 【沟通交流】:有任何使用上的问题,欢迎随时与博主沟通,博主会及时解答。鼓励下载和使用,并欢迎大家互相学习,共同进步。
recommend-type

Node.js实战:快速入门,全面解析

"Node.js即学即用是一本面向JavaScript和编程有一定基础的读者的入门书籍,旨在教授如何利用Node.js构建可扩展的互联网应用程序。本书详尽介绍了Node.js提供的API,同时深入探讨了服务器端事件驱动开发的关键概念,如并发连接处理、非阻塞I/O以及事件驱动编程。内容覆盖了对多种数据库和数据存储工具的支持,提供了Node.js API的实际使用示例。" 在Node.js的世界里,事件驱动模型是其核心特性之一。这种模型使得Node.js能够高效地处理大量并发连接,通过非阻塞I/O操作来提高性能。在本书中,读者将学习如何利用Node.js的异步编程能力来创建高性能的网络应用,这是Node.js在处理高并发场景时的一大优势。 Node.js的API涵盖了网络通信、文件系统操作、流处理等多个方面。例如,`http`模块用于创建HTTP服务器,`fs`模块提供了对文件系统的读写功能,而`stream`模块则支持数据的高效传输。书中会通过实例来展示如何使用这些API,帮助读者快速上手。 对于数据库和数据存储,Node.js有丰富的库支持,如MongoDB的`mongodb`模块、MySQL的`mysql`模块等。书中会讲解如何在Node.js应用中集成这些数据库,进行数据的增删改查操作,以及如何优化数据访问性能。 此外,本书还会介绍Node.js中的模块系统,包括内置模块和第三方模块的安装与使用,如使用`npm`(Node Package Manager)管理依赖。这使得开发者可以轻松地复用社区中的各种工具和库,加速开发进程。 《Node.js即学即用》是一本全面的实战指南,不仅适合初学者快速掌握Node.js的基础知识,也适合有一定经验的开发者深入理解Node.js的高级特性和最佳实践。通过阅读本书,读者不仅可以学习到Node.js的技术细节,还能了解到如何构建实际的、可扩展的网络应用。
recommend-type

管理建模和仿真的文件

管理Boualem Benatallah引用此版本:布阿利姆·贝纳塔拉。管理建模和仿真。约瑟夫-傅立叶大学-格勒诺布尔第一大学,1996年。法语。NNT:电话:00345357HAL ID:电话:00345357https://theses.hal.science/tel-003453572008年12月9日提交HAL是一个多学科的开放存取档案馆,用于存放和传播科学研究论文,无论它们是否被公开。论文可以来自法国或国外的教学和研究机构,也可以来自公共或私人研究中心。L’archive ouverte pluridisciplinaire
recommend-type

nginx配置中access_log指令的深入分析:日志记录和分析网站流量,提升网站运营效率

![nginx配置中access_log指令的深入分析:日志记录和分析网站流量,提升网站运营效率](https://img-blog.csdnimg.cn/img_convert/36fecb92e4eec12c90a33e453a31ac1c.png) # 1. nginx access_log指令概述** nginx 的 `access_log` 指令用于记录服务器处理客户端请求的信息。它可以生成日志文件,其中包含有关请求的详细信息,例如请求方法、请求 URI、响应状态代码和请求时间。这些日志对于分析网站流量、故障排除和性能优化至关重要。 `access_log` 指令的基本语法如下:
recommend-type

opencvsharp连接工业相机

OpenCVSharp是一个.NET版本的OpenCV库,它提供了一种方便的方式来在C#和Mono项目中使用OpenCV的功能。如果你想要连接工业相机并使用OpenCVSharp处理图像数据,可以按照以下步骤操作: 1. 安装OpenCVSharp:首先,你需要从GitHub或NuGet包管理器下载OpenCVSharp库,并将其添加到你的项目引用中。 2. 配置硬件支持:确保你的工业相机已安装了适当的驱动程序,并且与计算机有物理连接或通过网络相连。对于一些常见的工业相机接口,如USB、GigE Vision或V4L2,OpenCV通常能够识别它们。 3. 初始化设备:使用OpenCVS
recommend-type

张智教授详解Java入门资源:J2SE与J2ME/J2EE应用

本PPT教程由主讲教师张智精心制作,专为Java初学者设计,旨在快速提升学习者的Java编程入门能力,以应对各类考试需求。教程内容涵盖了Java的基础知识和实用技巧,从语言的历史背景和发展到核心特性。 1. **Java简介**: - Java起源于1990年由James Gosling领导的小组,原名Oak,目标是为家用电器编程,后来在1995年更名为Java。Java是一种平台无关、面向对象的语言,其特点包括:平台无关性,通过JVM实现跨平台;面向对象,强调代码重用;简单健壮,降低出错风险;解释性,源代码编译成字节码执行;分布式,支持网络通信;安全,防止非法操作;多线程,支持并发处理;动态性和可升级性;以及高性能。 2. **Java平台版本**: - Java有三个主要版本: - 微型版(J2ME):针对移动设备和嵌入式设备,如手机或IoT设备。 - 标准版(J2SE,Java SE):适用于桌面和服务器开发,涵盖了日常应用开发。 - 企业版(J2EE,Java EE):为企业级应用和Web应用设计,如企业级服务器和Web服务。 3. **Java环境配置**: - 要开始Java编程,首先需要下载Java JDK,如Java 8。然后配置Java环境变量,例如设置JAVA_HOME指向JDK安装路径,CLASSPATH用于指定类库搜索路径,以及添加JDK bin和jre bin到PATH中,以便执行Java命令。 4. **常用IDE工具**: - Eclipse是一款推荐使用的Java IDE,它提供了集成开发环境,便于代码编写、调试和测试。下载Eclipse后,通常直接解压安装即可。 整个教程围绕Java的核心概念展开,从基础语法讲解到实践项目,适合初学者系统地学习和巩固Java知识,无论是为了学术研究还是职业发展,都能提供有效的学习资源。通过本资源,初学者能够快速掌握Java编程,并为进一步深入学习和实战项目打下坚实基础。
recommend-type

"互动学习:行动中的多样性与论文攻读经历"

多样性她- 事实上SCI NCES你的时间表ECOLEDO C Tora SC和NCESPOUR l’Ingén学习互动,互动学习以行动为中心的强化学习学会互动,互动学习,以行动为中心的强化学习计算机科学博士论文于2021年9月28日在Villeneuve d'Asq公开支持马修·瑟林评审团主席法布里斯·勒菲弗尔阿维尼翁大学教授论文指导奥利维尔·皮耶昆谷歌研究教授:智囊团论文联合主任菲利普·普雷教授,大学。里尔/CRISTAL/因里亚报告员奥利维耶·西格德索邦大学报告员卢多维奇·德诺耶教授,Facebook /索邦大学审查员越南圣迈IMT Atlantic高级讲师邀请弗洛里安·斯特鲁布博士,Deepmind对于那些及时看到自己错误的人...3谢谢你首先,我要感谢我的两位博士生导师Olivier和Philippe。奥利维尔,"站在巨人的肩膀上"这句话对你来说完全有意义了。从科学上讲,你知道在这篇论文的(许多)错误中,你是我可以依
recommend-type

nginx配置中error_page指令的实战应用:自定义错误页面、提升用户体验,提升网站友好性

![nginx配置中error_page指令的实战应用:自定义错误页面、提升用户体验,提升网站友好性](https://i-blog.csdnimg.cn/blog_migrate/922682c45f8a00d03d9504300a3ade98.png) # 1. Nginx错误处理概述** Nginx作为一款高性能的Web服务器,提供了一系列错误处理机制,帮助管理员及时发现和处理服务器错误。其中,error_page指令是Nginx错误处理中的核心指令,它允许管理员自定义错误页面,为用户提供友好的错误提示,并帮助管理员快速定位和解决问题。 error_page指令的语法为: