storybook使用info插件报错

最新推荐文章于 2024-01-29 11:49:29 发布
最新推荐文章于 2024-01-29 11:49:29 发布
阅读量675 收藏
点赞数
分类专栏： 前端 bug 文章标签： react.js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/m0_60707623/article/details/129214503
版权
文章描述了一种在React应用中遇到的RangeError，具体是由于最大调用栈大小超出限制导致的。问题源于在局部和全局都使用了info插件。解决方案是注释掉局部导入的info插件，从而避免堆栈溢出。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

报错内容:

RangeError

Maximum call stack size exceeded

Call Stack

 prettyPrint

  vendors-node_modules_pmmmwh_react-refresh-webpack-plugin_lib_runtime_RefreshUtils_js-node_mod-4ff2dd.iframe.bundle.js:160:27

 undefined

  vendors-node_modules_pmmmwh_react-refresh-webpack-plugin_lib_runtime_RefreshUtils_js-node_mod-4ff2dd.iframe.bundle.js:128:25

 prettyPrint

  vendors-node_modules_pmmmwh_react-refresh-webpack-plugin_lib_runtime_RefreshUtils_js-node_mod-4ff2dd.iframe.bundle.js:126:48

 undefined

  vendors-node_modules_pmmmwh_react-refresh-webpack-plugin_lib_runtime_RefreshUtils_js-node_mod-4ff2dd.iframe.bundle.js:151:25

 prettyPrint

  vendors-node_modules_pmmmwh_react-refresh-webpack-plugin_lib_runtime_RefreshUtils_js-node_mod-4ff2dd.iframe.bundle.js:146:52

 undefined

  vendors-node_modules_pmmmwh_react-refresh-webpack-plugin_lib_runtime_RefreshUtils_js-node_mod-4ff2dd.iframe.bundle.js:151:25

问题原因: 在局部使用了info插件, 又在全局(preview.js)里添加了info插件

解决: 注释掉局部的info插件导入

写storybook时报错 preview hooks及Webstorm与VS Code的全方位比较
eswang的优快云博客
04-26 951
描述 其实是个小错误，就是怎么也想不通，还以为hooks不能直接写story，想想也不对啊，难道只是不支持useContext吗？ 之所以有这个想法是之前在使用react-three-fiber时遇到的一个BUG，redux的数据是不能在一个 canvas组件中通过useSelector等API拿到的，所以在这里想当然想偏了。 错误是这样的： Storybook preview hooks can...
神秘 Arco 样式出现，祭出 Webpack 解决预期外的引用问题
最新发布
WindRunnerMax
08-06 1167
Webpack是现代化的静态资源模块化管理和打包工具，其能够通过插件配置处理和打包多种文件格式，生成优化后的静态资源，核心原理是将各种资源文件视为模块，通过配置文件定义模块间的依赖关系和处理规则，从而实现模块化开发。Webpack提供了强大的插件和加载器系统，支持了代码分割、热加载和代码压缩等高效构建能力，显著提升了开发效率和性能。是Webpack中用于解析模块路径的配置项，其负责告诉Webpack如何查找和确定模块的位置，核心功能是通过配置来定义模块的查找机制和优先级，从而确保Webpack。
有人遇到这个问题吗，info报错了
m0_69091860的博客
08-25 263
启动tomcat的一些info报错，目前还没有解决办法，先记录下来。
weixin_34194087的博客
10-09 400
1:环境信息[root@abcapache-tomcat-cloud-copy]# ./bin/version.shUsing CATALINA_BASE: /usr/local/apache-tomcat-cloud-copyUsing CATALINA_HOME: /usr/local/apache-tomcat-cloud-copyUsing CATALIN...
info错误，no input file specified
weixin_30640769的博客
03-30 260
在官网进行下载好PHPstudy软件，这是一个PHP开发的一个集成开发环境 然后下载好一个开发的工具 推荐notepad++和PHPstorm，但PHPstorm是需要收费的 安装好的PHP文件包中找到PHPTotorial/www，在这里建立好一个文件abc.php 保存后，在浏览器输入网址http://www.php.cn/abc.php,这是使用本机作为服务器使用浏...
c语言 info错误,C语言实现的常见日志-abort\log\info\error
weixin_42097508的博客
05-21 475
有这些时候：我们一个小的项目或者是一个独立的由几个文件组成的可执行文件，希望有一些简单的输出，包括日志以及异常退出。但是我们又不希望因为这些需求安装一些类似于glog、log3cpp等日志开源的包，因为我们不需要一些类似于线程安全等之类的调用、就是希望简单一点，越简单越好。。。。是的，就是这样。头文件log.h 如下#ifndef _LOG_H_#define _LOG_H_#ifdef __cp...
前端知识宝典
qq_37759901的博客
01-29 1515
搜索框输入，文本剪辑器实时保存代码实现思路如下：（利用定时器，每次触发先清掉以前的定时器，从新开始）
at ./node_modules/@pmmmwh/react-refresh-webpack-plugin/client/ReactRefreshEntry.js
wxiao_xiao_miao的博客
07-04 2440
安装好 react 脚手架，第一次启动 react 项目发现页面不展示，且控制台报错 这是由于我们的谷歌浏览器安装了 react-devtools 扩展程序导致。根据这篇文章查到的解决方案：1. 禁用 react-devtools 扩展程序2. 更换浏览器3. 根据路径找到文件node_modules/@pmmmwh/react-refresh-webpack-plugin/client/ReactRefreshEntry.js，将下面这行代码注释掉，然后重启项目即可 但是我用第三种方法不管用，项目仍然报错
react如何安装调试工具，如何解决报错
小小程序媛的博客
07-13 826
react-devtools 安装（已上传到资源） 1 打开Chrome输入 chrome://extensions/ 进入扩展程序设置页面 2 开启 开发者模式 3 加载已解压的扩展程序 选择第4步的unpacked目录， 确认安装即可 ## 问题 Uncaught TypeError: Cannot read property ‘forEach’ of undefined at Object.injectIntoGlobalHook (react-refresh-runtime.developmen
React DevTools的浏览器详细安装教程及相关错误修改
享白
01-22 2648
今天分享给大家一个自己制作 React-devtools 小方法，制作完毕可以直接安装到Chrome中使用。 React DevTools安装： Github 地址：react-devtoolsGitHub is where over 73 million developers shape the future of software, together. Contribute to the open source community, manage your Git repositories, rev
customize-cra-react-refresh:提供一种简单，简洁的方法，使用custom-cra将react-refresh集成到您的create-react-app中
03-21
描述 提供一种简单，简便的方法，使用 和将react-refresh集成到您的create-react-app 。 安装 安装依赖项 npm install -D react-app-rewired customize-cra customize-cra-react-refresh 创建或更新您的config-overrides.js const { override } = require ( "customize-cra" ) ; const { addReactRefresh } = require ( "customize-cra-react-refresh" ) ; /* config-overrides.js */ module . exports = override ( addReactRefresh ( ) ) ; “翻转”现有的对npm脚本中的react-scrip
从0搭建一个基于webpack的react项目【实战篇】
qq_16483541的博客
08-21 980
从零基于webpack搭建一个react项目，适合刚学习webpack的新手学习使用
Unhandled Rejection (ChunkLoadError): Loading chunk mf-dep_vendors-node_modules_umi_node_modules_cor
weixin_46600931的博客
04-11 2528
config.tsx/umirc.ts配置chainWebpack时因加上此判断 if (process.env.UMI_ENV!umi Webpack打包配置在开发环境生效问题。打包生效应在非dev环境才能生效，
报错Uncaught ChunkLoadError: Loading chunk vendors-node_modules_antd_es_drawer_index_js failed
Web-BUG记录坎坷路
12-06 1252
umi中集成报错Uncaught ChunkLoadError: Loading chunk vendors-node_modules_antd_es_drawer_index_js failed.
【实用的开源项目】使用云服务器部署TaleBook，简洁、强大的私人书籍管理系统！
laulzgoay的博客
09-12 2080
第三期【实用的开源项目】教程为大家介绍一下TaleBook，教大家使用云服务器部署TaleBook，简洁、强大的私人书籍管理系统！这篇文章是详细的文字版，若希望方便查看视频，请向下滑动，查看视频，或者直接到BiliBili搜索我是小俊呀，查找视频哦！
React踩坑日记:React启动后报错TypeError: Cannot read properties of undefined (reading ‘forEach‘)
顾风的博客
10-22 2万+
前言今天创建新项目运行后又出现这个问题了，之前也出现过，觉得是很正常的情况，不过我今天发现还有许多朋友不知道这个问题的解决方法，特地来记录一下。 话不多说 上图: 这个情况呢是由于你的浏览器安装了React-DevTools扩展程序的原因，安装这个东西是为了方便我们查看React元素和编译之后的一些代码，很多朋友是直接删除了，但是这不就等于是壮士断腕了嘛。解决方法如下: 1.进入项目中按照路径找到相应的文件 /node_modules/@pmmmwh/react-refresh-webpack-plug
log.info报红的解决办法
热门推荐
qq_35566526的博客
06-14 2万+
使用@Sfl4j注解步骤如下： 1.装lombok插件，File——>Settings——>plugins——>search plugins 搜索lombok 安装，重启Intellij 2.导包：无论使用Maven还是从从本地导包，切记,要导入lombok与slf4j-log4j两个包。前者依赖后者。 Maven导包如图所示： 报错的解决方案： Error:(9, 1) java: 程序包org.slf4j不存在：此错误可能是未导入slf4j-log4j包导...
OpenHarmony移植：如何适配utils子系统之KV存储部件
华为云官方博客
02-25 1412
摘要：本文介绍移植开发板时如何适配utils子系统之KV存储部件，并介绍相关的运行机制原理。
ajax 错误 重试,关于ajax错误处理
weixin_35057850的博客
08-05 251
代码如下，其中有三个if判断，来检查数据是否符合预期，让我困惑的是，这些检查是否有必要？我是不是应该拿掉这些判断，让其catch自行捕获？哪种方式更合理些？或许还有更合理的做法？希望有人能够指点下，谢谢async loadUserInfo() {try {const { data } = await getUserInfo()if (data.status !== CONFIG.SUCCESS_C...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

飞鸟malred

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值