关于React #185错误的坑

已于 2022-05-27 17:24:47 修改
阅读量1.8k 收藏 1
点赞数
文章标签： react.js
于 2021-11-12 14:41:18 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/weixin_43833850/article/details/121287641
版权

关于React #185错误的坑

在这里插入图片描述

这几天突然有客户跟我说进入项目直接白屏了，但是只有他的电脑会这样，我现场打开控制台，发现报图中错误，经过查询后，解释全是再render函数中return前用了setState,所以导致的，但是检查代码并没有这种情况，而且客户比较着急，所以来不及查代码再发布了。
经过一番查询后，发现发生这种情况的客户的显示器全都是老版的，分辨率为1280*1020 100%比例的，看起来特别老的那种方形的，最后只能先用临时的解决办法，将浏览器比例调到90%及以下，访问正常。至今不知原理是什么，如果有遇到相同问题的兄弟们可以借用以上临时方案，如果有大佬有能根本解决的方法，还望不吝赐教

小白Zed
关注
React常见的一些坑
06-02
React常见的一些坑
【React 错误处理】 ---- Error: Minified React error #185；
止于至善
09-08 8976
1. 报错信息 Error: Minified React error #185; visit https://reactjs.org/docs/error-decoder.html?invariant=185 for the full message or use the non-minified dev environment for full errors and additional helpful warnings. 2. 报错截图 3. 解决报错 在 render 中使用 setState
react报错Minified React error #185； visit https://reactjs.org/docs/error-decoder.html?invariant=185
lingliu0824的博客
04-16 1万+
报错内容如下： 看看是不是在componentDidUpdate钩子函数中调用了this.setState()方法，导致componentDidUpdate陷入死循环 最初的代码如下： componentDidUpdate(preProps) { this.setState({ start: this.props.start end:this.props.end }) } 解决：在se
Minified React error #185；
qq_41944038的博客
01-04 7637
Error: Minified React error #185; visit https://reactjs.org/docs/error-decoder.html?invariant=185 for the full message or use the non-minified dev environment for full errors and additional helpful warnings. 犯了一个低级错误，在render函数return之前写了setState，导致死循环报了错Mi
【求助】Error: Minified React error #185； visit http://reactjs.org/docs/error-decoder.html?invariant=185
cc1511599982的博客
03-03 8133
Error: Minified React error #185; visit http://reactjs.org/docs/error-decoder.html?invariant=185 for the full message or use the non-minified dev environment for full errors and additional helpful war...
reactos操作系统实现(185)
anjichan4261的博客
01-23 182
在ReactOS系统里，当安装完成后，如果网络已经可能使用，就可以立即打开应用程序管理器，直接从网络上下载相应的应用程序，这样是很方便安装和管理软件，这些都是跟Linux操作系统学习过来的。具体的界面如下： 这是ReactOS 0.3.11版本的界面，从上面看到可以下载很多非常有用的应用程序，包括最常用的网络浏览器。这一个版本改进是比较大的，很多功能已经完成，就差稳定性...
React开发（185）:ant design table控制居中和宽度
歌谣的博客
10-18 440
{ title: '冻结金额', type: 'price', dataIndex: 'frozenAmount', align: 'center', width: 80 }, { title: '钱包状态', dataIndex: 'statusName', align: 'center', width: 80 }, { title: '所属商户', dataIndex: 'platformMerchantName', align: 'center', width: 80..
react实战笔记185:自动登出的机制1
qq_41632427的博客
10-29 298
前端
小程序踩坑记
qq_62414003的博客
04-13 645
一 react错误 Minified React error #185; 原因：render函数不能使用setState()，否则会导致页面死循环 上图摘自其他博主 二 有关Taro.showToast 如果只写title的话，最多只展示7个文字 如果再加 icon：‘none’ 此时 title 文本最多可显示两行 既然提到taro了，再插一句：发现表单组件的Input 居然没有 onChange 事件 三 小程序记住账户密码功能 效果：用户一扫码登录，自动显示 账户 密码（小黑圈显示），类似Q
浅谈React Native打包apk的坑
08-28
React Native 打包 APK 的坑 React Native 是一个基于 JavaScript 和 React 的框架，用于构建跨平台的移动应用程序。在构建 React Native 应用程序时，需要将应用程序打包成 APK 文件，以便在 Android 设备上运行。...
minified.js:Web的轻量级库
04-29
缩小的 快速链接： - 最新版本： （ ） 概述 Minified.js是一个功能强大的小型客户端JavaScript库。 它通过单个一致的API提供类似jQuery的功能（DOM操作，动画，事件，HTTP请求）和实用程序功能（集合，日期和数字格式，日期算术，模板）。 功能比较 Minified的目标是提供HTML页面上可能需要的所有基础知识。 特征 缩小的 缩小的网页 jQuery的 Moo工具 Zepto.js CSS选择器 是的CSS1或浏览器引擎 是的CSS1或浏览器引擎 是的CSS3子集+扩展 是的CSS3子集+扩展 是的浏览器引擎 CSS样式更改 是的 是的 是的 是的 是的 CSS类更改 是的 是的 是的 是的 是的 元素创作 是的 是的 是的仅HTML字符串 是的 是的仅HTML字符串 元素克隆 是的 是的 是的 是的 是的 DOM操作 是的 是的 是的 是的 是
react_native疑难深坑.pdf
09-13
以下内容将基于文档标题“react_native疑难深坑.pdf”、描述以及部分提及的问题进行详细解析。 ### React Native技术文章概述 #### 一、React Native基础概念 React Native是一种基于JavaScript的开源框架，用于...
ECharts在React+Antd用法及常见错误
01-08
最近项目中开始使用ECharts做图表，在React+Antd中使用Echart还是遇到了很多坑，希望记录下解决办法可以帮助到大家。由于初次使用，很多代码优化空间很大，希望大家能帮我提出，感恩～ 最终效果 1、实现点击折线图上...
React开发常见知识及踩过的坑
linzhongshu的专栏
06-19 967
React是一个强大而灵活的前端库，但也需要我们对其内部机制有深入的理解，以避免踩坑。希望本文能够帮助你更好地掌握React开发，写出更高质量的代码。记住，实践是检验真理的唯一标准，多写多练才能更深入理解React。
react报错 Uncaught Error: Minified React error #130？
热门推荐
不忘初心，方得始终
05-07 4万+
相信有不少同学在刚接触react 的时候，都遇到过如下 错误：Uncaught Error: Minified React error #130; visit http://reactjs.org/docs/error-decoder.html?invariant=130&args[]=object&args[]= for the full message or use the n...
react前端封装接口弹出错误_react+ts打包发布后报Minified React error ..这种错误
weixin_29017445的博客
01-17 2791
最近接触到新的项目，然后发现使用的Antd4.1.4版本存在一个BUG会影响到业务系统，于是在各种考虑下还是升级到最新版4.5.0。然后就发现发布到线上测试环境就遇到某些页面会报错，但是本地又是好的，错误如下：Minified React error ...然后搜了一下，网上都表示是因为项目内部依赖的React版本存在多个导致的这个问题，可以通过配置webpack的externals属性，将所有的...
出现Error: Minified React error #62； 的解决方法
码农研究僧的博客
05-20 4070
目录1. 问题所示2. 错误分析3. 解决方法 1. 问题所示 出现如下问题 Error: Minified React error #62; visit https://reactjs.org/docs/error-decoder.html?invariant=62 for the full message or use the non-minified dev environment for full errors and additional helpful warnings. 2. 错误分析 通
react常见错误解决
编译的阿喵
06-18 2万+
最近在做react项目的时候遇到了几个报错，这几个报错在react项目还算常见，因此记录下来解决方法。 ’type’ is missing in props validation 报错：type缺少props验证 解决： 1.查看下propTypes是否写成大写了，因为我们引入的时候是大写的，所以很多小伙伴可能直接复制过来就成大写了，也会报错哦 2.新增type: PropTypes.numbe...
react @路径必坑
最新发布
12-31
### React 中使用 `@` 路径常见问题及解决方法 在大型项目中，为了简化模块导入路径并提高可读性，开发者经常采用自定义别名（如 `@`）来代替冗长的相对路径。然而，在实际操作过程中会遇到各种各样的问题。 #### 配置 TypeScript 支持 `@` 别名 当项目基于TypeScript时，需要确保tsconfig.json文件中有正确的baseUrl和paths设置： ```json { "compilerOptions": { "baseUrl": "./", "paths": { "@/*": ["./src/*"] } } } ``` 这使得可以通过`@/components/Header`这样的方式访问位于`src/components/Header`下的组件[^4]。 #### 解决 Webpack 编译错误 即使设置了 tsconfig 文件，Webpack 可能仍然无法识别这些别名路径。此时需安装依赖包`webpack-babel-loader`或`babel-plugin-module-resolver`，并通过修改 webpack.config.js 来支持别名解析: 对于使用 Create React App (CRA) 创建的应用程序来说，默认情况下不提供直接编辑 Webpack 配置的能力。这时可以考虑利用 craco 或 eject 方案来自定义配置。 #### 处理 ESLint 报错 如果启用了ESLint静态分析工具，则还需要调整.eslintrc.js中的settings选项以匹配已有的 alias 设置： ```javascript module.exports = { settings: { &#39;import/resolver&#39;: { node: { extensions: [&#39;.js&#39;, &#39;.jsx&#39;, &#39;.ts&#39;, &#39;.tsx&#39;], moduleDirectory: [&#39;node_modules&#39;, &#39;@&#39;] }, alias: { map: [[&#39;@&#39;, &#39;./src&#39;]], extensions: [&#39;.ts&#39;, &#39;.tsx&#39;, &#39;.js&#39;, &#39;.jsx&#39;] } } } }; ``` 以上配置能够使 ESLint 正确解析带有 `@` 符号的 import 语句。 #### 测试环境兼容性 确保测试框架也认识到了新的路径别名非常重要。比如 Jest 就允许通过 moduleNameMapper 属性来进行映射： ```javascript // jest.config.js moduleNameMapper: { &#39;^@/(.*)$&#39;: &#39;<rootDir>/src/$1&#39; }, ``` 这样做可以让单元测试顺利运行而不受路径变化的影响。
评论 5
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值