React/Redux应用程序无法工作，除非打开chrome开发人员工具？
React/Redux应用程序无法工作，除非打开Chrome开发人员工具的原因可能是由于开发人员工具中的某些功能或设置对应用程序的运行产生了影响。以下是可能导致此问题的一些常见原因和解决方法：
- 开发人员工具中的缓存问题：尝试在开发人员工具中禁用缓存功能，然后重新加载应用程序。在Chrome开发人员工具中，可以通过在Network选项卡中勾选“Disable cache”来禁用缓存。
- JavaScript错误或警告：检查开发人员工具中的Console选项卡，查看是否有任何JavaScript错误或警告信息。修复这些错误或警告可能会解决应用程序无法工作的问题。
- Redux状态问题：使用Redux DevTools扩展来检查Redux状态的变化。确保Redux状态的更新符合预期，并且没有任何错误。
- 浏览器兼容性问题：确保你的应用程序在其他浏览器中也能正常工作，而不仅仅是在Chrome中。如果应用程序只在Chrome中无法工作，可能是由于某些Chrome特定的功能或设置导致的问题。
- 网络请求问题：检查开发人员工具中的Network选项卡，查看是否有任何网络请求失败或错误。确保应用程序能够正确地发送和接收网络请求。
- React/Redux配置问题：检查React和Redux的配置是否正确。确保你正确地引入了必要的库和组件，并且配置文件中的设置是正确的。
如果以上方法都无法解决问题，可以尝试以下步骤：
- 清除浏览器缓存：在Chrome浏览器中，按下Ctrl + Shift + Delete组合键，然后选择清除缓存选项。
- 更新Chrome浏览器：确保你使用的是最新版本的Chrome浏览器，以获得最佳的兼容性和性能。
- 重新安装React/Redux应用程序：尝试重新安装应用程序，确保所有依赖项都正确安装并配置。
腾讯云相关产品和产品介绍链接地址：
- 云服务器（CVM）：提供可扩展的云服务器实例，适用于各种应用场景。了解更多：https://cloud.tencent.com/product/cvm
- 云数据库MySQL版（CDB）：提供高性能、可扩展的云数据库服务，适用于存储和管理应用程序的数据。了解更多：https://cloud.tencent.com/product/cdb
- 云存储（COS）：提供安全、可靠的对象存储服务，适用于存储和管理大量的多媒体文件。了解更多：https://cloud.tencent.com/product/cos
- 人工智能平台（AI Lab）：提供丰富的人工智能服务和工具，帮助开发者构建智能化的应用程序。了解更多：https://cloud.tencent.com/product/ailab
请注意，以上链接仅供参考，具体的产品选择应根据实际需求和情况进行评估和决策。
相关·内容
出于某些原因，像我的redux操作和点击处理程序这样的东西只有在我的开发工具打开时才能可靠地触发。我不知道为什么会发生这样的事情。这是非常令人沮丧的。在Firefox上测试过，它工作得很好。
浏览 13提问于2020-08-14得票数 0
我已经用react和redux构建了一个应用程序。我以标准的方式构建应用程序。 npm run build --prod 然后将该应用程序部署到firebase托管。我发现，除非安装了redux web dev工具，否则该应用程序无法在Chrome、Firefox或Safari中加载。为什么会这样?我怎样才能阻止它？该应用程序位于... https://triv
浏览 3提问于2020-12-02得票数 0
回答已采纳
2回答
正如您所看到的，当我在chrome中打开开发工具时，它很快就会变成这个红色的screen.If。我没有打开开发模式，它可以工作，并且console.log可以在Xcode控制台中记录信息。
浏览 1提问于2016-03-15得票数 1
我有相当大的webapp构建了React，Redux和React路由器。它可以正常工作，直到我打开Chrome的开发工具，并且在100次内显着地慢下来。我试过在Chrome中使用profile应用程序，但是当我再次使用Chrome进行分析时，它开始工作的速度和开发工具关闭时一样快，一切都很好。也检查了Safari和Opera -他们的开发工具也减慢了webapp的
浏览 1提问于2016-04-11得票数 5
回答已采纳
有没有人有充分的理由在react上使用redux？我在考虑在react中构建非常小的组件，所以我不需要redux。每个组件都有自己的状态，就像redux一样。
你认为如何？你有什么经验？
浏览 0提问于2017-09-19得票数 2
1回答
我有一个带有前端的web应用程序，是用react和redux编写的，这是我的index.jsx文件。chrome上工作，但是不能在Safari上工作。__REDUX_DEVTOOLS_EXTENSION__ && compose
它在chrome和safari上都能正常工作，但是我不能使用redux工具。如果我更改了&&到了\x{e76f}(如下面所示，它在safar
浏览 3提问于2017-10-03得票数 2
2回答
我正在使用create- React - Native -app (所以，Expo)开发一个react native应用程序，并使用我的网络IP地址(192.xxx.xxx.xxx)在真实设备上进行测试我已经成功地启动并运行了react-native调试器，并进行了远程调试。它在3个不同的窗口中打开rn-debugger，redux devtools和chrome devtools。我的问题是，是否可以从Chrome开发者工具中查看网
浏览 3提问于2018-09-07得票数 4
回答已采纳
我的项目是一个使用expo的create react原生应用程序项目。我安装了react-native-debugger应用程序来调试redux，它工作得很好。最近，由于未知的原因，当远程调试JS时，它只会在Chrome中打开，而不会连接到React Native Debugger App。我不知道为什么这个突然坏了。这对我不起作用，因为我不能以这种方式使用redux开发工具
我的package.j
浏览 0提问于2018-10-19得票数 1
我正在使用开发一个React扩展
return/core/reducers';
import {wrapStore} from 'react-chrome-re
浏览 2提问于2016-12-29得票数 10
回答已采纳
我正在学习react native，所以当程序崩溃时，它只显示15:31:42: Failed building JavaScript bundle，这就是它所说的一切。那么，有没有什么文件或工具可以用来查找更详细的错误，比如Eclipse或dotCMS日志文件，或者我的代码中哪一行有语法错误？
浏览 0提问于2017-10-15得票数 1
当我用expo start运行应用程序时，Chrome调试器在http://localhost:19001/debugger-ui/打开，但在devtools中我只能看到.js文件：如何让我的
浏览 2提问于2018-09-24得票数 4
1回答
我需要衡量一个反应本地应用程序的性能。最好的工具是什么？
我尝试了google中的google，以及用于iOS平台的mac，但是这些都给我展示了很多无组织的数据。
浏览 3提问于2017-04-30得票数 5
回答已采纳
1回答
在使用Chrome或Firefox开发人员工具时，我无法查看某些reducer变量的值。例如，Chrome调试器截图中的newItem：Firefox：
代码运行得很好。每个基于newState的后续变量都显示undefined，但在开发工具范围视图中有一个对应的_variableName[0-9]*。
这不会发生在我们的React组件或其他非Reducer代码中。这可能是Redux、源图和开发工
浏览 1提问于2020-04-16得票数 6
我是一个react-redux初学者，这看起来可能是一个琐碎和愚蠢的问题，但我没有设法找到一个令人满意的答案。我有一个react-redux应用程序，并从API接收了一种复杂的数据结构，我相信细节并不重要。
我想知道是否有工具可以让我们在控制台或调试器中编写一些快速的REPL风格的命令。我目前有react和redux开发人员工具，还有一个记录器中间件，它可以完美地查看状态的演变和日志记录，但我无法查
浏览 2提问于2017-02-09得票数 1
回答已采纳
4回答
当我在本地机器上仅在前端进行开发时，如何让React开发人员工具工作。
当我推送GitHub时，当我在Google Chrome中打开时，这些工具工作得很好。
为什么会有差异，我该如何修复它？显然，我已经安装了这些工具，当我在GitHub页面上进行开发时，它们工作得很好
浏览 0提问于2019-06-15得票数 0
当我在本地计算机(wamp)上工作时，让jquery在internet explorer 9中工作时遇到了问题。所有功能都可以在Firefox和Chrome上运行。使用internet explorer，除非我点击"F12“打开开发者工具，否则什么也不会发生。然后，如果我刷新页面，一切都正常。在打开开发人员工具之前或之后，我都没有在IE中看到任何错误。jquery脚本(位于文件test.js中)：
$(document).r
浏览 6提问于2012-02-01得票数 2
2回答
productName: "Hair Dryer" sellingPrice: 450 }现在，当我尝试持久化数据时，我可以看到Chrome开发人员工具在应用程序选项卡中，searchInp的值保持得很好，不会因为页面刷新而丢失。index.jsimport ReactDOM from
浏览 2提问于2018-11-11得票数 3
是否有可能以查看Chrome的中的常规网页的方式，直观地检查React本地应用程序的DOM树？如果是这样的话，是怎么做的？
浏览 0提问于2015-12-30得票数 14
回答已采纳
我是React JS开发的新手，我使用npm create-react-app命令创建了我的React应用程序。当我完成开发并使用npm run script构建应用程序代码时，这将创建一个新的build文件夹，然后我将其与服务器一起部署。这里的问题如下:部署后，如果我在Chrome中打开我的网站并运行开发人员工具，我可以看到我的所有源代码，而不是Chrome中的精简代码，见下图：
。
浏览 0提问于2019-02-01得票数 4
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
