在重大更新之后,我开始在我的应用程序中遇到以下错误:

Uncaught Error: Minified React error #418; visit https://reactjs.org/docs/error- 
decoder.html?invariant=418 for the full message or use the non-minified dev environment 
for full errors and additional helpful warnings.

Uncaught Error: Minified React error #423; visit https://reactjs.org/docs/error- 
decoder.html?invariant=423 for the full message or use the non-minified dev environment 
for full errors and additional helpful warnings.

这些错误没有指定导致问题的确切组件或代码,而且我在应用程序中找不到问题的根源.

环境:

Next.js版本:12.3.1 React版本:18.2.0

我的问题是:

我可以采取哪些步骤来识别/修复导致这些最小化的react 错误的特定组件或代码?

please refer to the image below: enter image description here

推荐答案

几天后,我终于找到了两个解决这两个错误的方法:

  1. 将当前的Reaction版本从v18降级至v17.0.2
  2. 我有几个组件/函数供上下文提供程序使用,所以我动态地导入了所有这些组件、提供程序,甚至是触发API调用的函数,所以首先从next.js导入动态,如下所示: A.从‘Next/Dynamic’导入动态; B.const ExampleComponent=Dynamic(()=>;IMPORT("./Path/toComponent"));

这两种方法为我解决了两个错误,如果你决定 Select 第二个选项,你不需要降级你的react 版本.我希望有人会发现这些对我有帮助

Javascript相关问答推荐

使用AJX发送表单后,$_Post看起来为空

如何分配类型脚本中具有不同/额外参数的函数类型

在286之后恢复轮询

如何使onPaste事件与可拖动的HTML元素一起工作?

我可以使用使用node.js创建的本地主机来存储我网站上提交的所有数据吗?没有SQL或任何数据库.只有HTML语言

为什么我的自定义元素没有被垃圾回收?

Reaction组件在本应被设置隐藏时仍显示

触发异步函数后不能显示数据

如何访问此数组中的值?

WebSocketException:远程方在未完成关闭握手的情况下关闭了WebSocket连接.&#三十九岁;

为列表中的项目设置动画

将相关数据组合到两个不同的数组中

如何根据查询结果重新排列日期

JavaScript&;Reaction-如何避免在不使用字典/对象的情况下出现地狱?

TabNavigator和StackNavigator之间的Reaction Native中的导航问题

如何在Firebase中读取对象的特定字段?

Rails 7:在不使用导入映射的情况下导入Java脚本

如何为两条动态路由创建一个页面?

我正在为我的单选按钮在HTML中设置一个值.使用Java脚本,我如何才能获得该值?

Html/JS:如何在脚本执行前阻止呈现?