Javascript 难以处理错误：缩小的React错误#321-ReactJS

我正在构建React应用程序，突然出现以下错误：

错误：缩小的反应错误#321；参观 全面 消息或使用非小型开发环境来处理完整错误和 其他有用的警告

现在，我的应用程序只显示APP.js中的绿色圆圈按钮，网站构建的其余部分则不显示任何内容（白色页面）

当我尝试将一些.mp4视频上传到服务器时，在更新代码后立即发生了这种情况。 我访问了以获取完整的消息详细信息，并检查了3个可能的原因：

React和渲染器的版本可能不匹配（例如React DOM）

你可能违反了钩子的规则

同一应用程序中可能有多个React副本

我验证了这3个原因中的每一个，看起来都很好

你以前有过类似的经历吗？你是怎么解决的？您知道如何调试错误吗？

非常感谢您的帮助，如果您需要有关代码或问题的更多详细信息，请咨询。

问题 问题是您的库正在使用

示例测试

，它是以一种非常奇怪的方式构建的，特别是

TButton

组件，该组件在模块内部包含

React v16.8.6

，但它使用了

commonjs

样式，如下所示：

module.exports={}
//这里包含了React，这是一种非常错误的方式
/**@license-React v16.8.6
*react.production.min.js
*
*版权所有（c）Facebook，Inc.及其附属公司。
*
*此源代码根据MIT许可证获得许可，该许可证位于
*此源目录树的根目录中的许可证文件。
*/var r=n（4）
// ...

解决方案 在编写库以导出

React

组件的情况下，只需使用

commonjs

样式将它们构建为单独的文件。不要像上面那样包括

React

，这应该包括在使用您的库的父应用程序中

您构建的组件的外观如下所示：

TButton.js

consttbutton=（道具）=>{
// ...
}
exports.default=TButton；

问题 问题是您的库正在使用

示例测试

，它是以一种非常奇怪的方式构建的，特别是

TButton

组件，该组件在模块内部包含

React v16.8.6

，但它使用了

commonjs

样式，如下所示：

module.exports={}
//这里包含了React，这是一种非常错误的方式
/**@license-React v16.8.6
*react.production.min.js
*
*版权所有（c）Facebook，Inc.及其附属公司。
*
*此源代码根据MIT许可证获得许可，该许可证位于
*此源目录树的根目录中的许可证文件。
*/var r=n（4）
// ...

解决方案 在编写库以导出

React

组件的情况下，只需使用

commonjs

样式将它们构建为单独的文件。不要像上面那样包括

React

，这应该包括在使用您的库的父应用程序中

您构建的组件的外观如下所示：

TButton.js

consttbutton=（道具）=>{
// ...
}
exports.default=TButton；

经过大量调试，我发现问题是由库的某些函数引起的

我已经获得了库的专业版本，默认情况下，它会自动更新。我使用的是4.27.0版本，一切正常，然后当他们将库更新到新的5.0.0版本时，我的应用程序爆炸了。 调试很困难，因为只在生产端进行

我解决了这个问题，将库降级到4.27.0版本，只需在依赖项末尾添加

#4.27.0

// package.json

"dependencies": {
   ...
   "mdbreact": "git+https://oauth2:YOUR_TOKEN@git.mdbootstrap.com/mdb/react/re-pro.git#4.27.0"
   ...
}

我将保留此版本，直到他们提交对这些特定函数的修复。

---

感谢谁给了我研究的指导方针。希望它能帮助其他有类似错误的人

经过大量调试，我发现问题是由库的某些函数引起的

我已经获得了库的专业版本，默认情况下，它会自动更新。我使用的是4.27.0版本，一切正常，然后当他们将库更新到新的5.0.0版本时，我的应用程序爆炸了。 调试很困难，因为只在生产端进行

我解决了这个问题，将库降级到4.27.0版本，只需在依赖项末尾添加

#4.27.0

// package.json

"dependencies": {
   ...
   "mdbreact": "git+https://oauth2:YOUR_TOKEN@git.mdbootstrap.com/mdb/react/re-pro.git#4.27.0"
   ...
}

我将保留此版本，直到他们提交对这些特定函数的修复。

---

感谢谁给了我研究的指导方针。希望它能帮助其他有类似错误的人

在开发人员构建中查找错误。它将提供更好的堆栈跟踪，以帮助调试issue@PunitMakwana由于某些原因，开发端没有显示错误，应用程序运行良好。仅出现在Production上您有工作示例吗？否则很难说anything@tmhao2005看一看，这是对开发人员构建的errorlook-for-error的紧密复制。它将提供更好的堆栈跟踪，以帮助调试issue@PunitMakwana由于某些原因，开发端没有显示错误，应用程序运行良好。仅出现在Production上您有工作示例吗？否则很难说anything@tmhao2005请看，这是ErrorThanke you@tmhao2005的复制品。您帮助我以正确的方式进行调试。这是mdbreact库的问题，当然他们开发了一些与我的应用程序不兼容的新功能。我在帖子里解释过。谢谢@tmhao2005。您帮助我以正确的方式进行调试。这是mdbreact库的问题，当然他们开发了一些与我的应用程序不兼容的新功能。我在帖子里解释过。