react项目React Developer Tools不可访问此网站问题

最新推荐文章于 2024-07-09 20:06:04 发布
最新推荐文章于 2024-07-09 20:06:04 发布
阅读量1.3k 收藏 1
点赞数 2
分类专栏： vscode React 文章标签： reactjs vscode
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_44850230/article/details/124448070
版权

在学react时，网页打开react项目时，React Developer Tools不可访问此网站，才发现vscode右键的Open with Live Server和Open in Broswer是有区别的，区别如下：

  • Open in Broswer
    url是本地存储的默认路径，访问的是项目保存的本地地址,React Developer Tools不可访问此网站，访问的页面是静态页面，写代码时，在工作区保存了代码之后，还需要另外到浏览器页面进行刷新才能看到最新的效果。
  • Open with Live Server
    url是以127.0.0.1开头，即使用web服务器打开，可以解决掉前面React Developer Tools不可访问此网站的问题。写代码时，只需要在工作区进行保存，浏览器端的页面就会同时进行更新显示效果。
#咸菜
关注
  • 2
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
React-Developer Tools-3.6.0.zip 适合react v17以下
02-28
React Developer Tools 是一个用于 Chrome 和 Firefox 浏览器的浏览器扩展，它为 React 开发者提供了一套强大的工具，用于调试和分析 React 应用程序。React Developer Tools 3.6.0 是 React 开发者工具的一个特定...
React-Developer Tools-4.9.0 React-Developer ToolsV4版本
02-28
React-Developer Tools V4版本，适应react 17以上。 是一个用于 Chrome 和 Firefox 浏览器的浏览器扩展程序，它可以帮助开发人员调试 React 应用程序。通过 React Developer Tools，开发人员可以检查 React 组件层次...
React DevTools 安装
csdn_poxiao的博客
04-02 904
4、打开chrome扩展程序chrome://extensions/，加载已解压的扩展程序，选择第3步中的生成的unpacked文件夹。1、去git上下载react-devtools文件到本地，https://github.com/facebook/react-devtools/tree/v3。并且会在你的项目目录中生成一个新的文件夹，react-devtools -> shells -> chrome -> build -> unpacked文件夹。3、安装依赖成功后，我们便可以打包一份扩展程序出来。
React Developer Tools：This is a restricted browser page.
qq_43194368的博客
01-15 2075
react添加并配置setupProxy.js后， 网页打不开，无法访问，无法访问此网站
最新发布
m0_73866100的博客
07-09 361
react添加并配置setupProxy.js后， 网页打不开，无法访问，无法访问此网站。
React配置了跨域后导致页面跑不起来，无法访问此网站
weixin_46360938的博客
09-02 1418
React配置了setupProxy.js后导致页面跑不起来，提示无法访问此网站
react 配置 setupProxy.js后 网页打不开，出现无法访问此网站
weixin_57569836的博客
03-16 3238
经搜索。发现是 "http-proxy-middleware": "^2.0.4" 版本号为高版本。 版本为低版本 的时候 const { proxy } = require('http-proxy-middleware') 低版本 的时候可以这样 ： const proxy = require('http-proxy-middleware'); 当版本为高版本的时候。 高版本 const {createProxyMiddleware: proxy} = require('http-pr..
React中的反向代理（React脚手架），解决跨域问题。
mishuo24的博客
01-11 568
一、当前脚手架项目下安装 （脚手架也可能已经帮你安装过了） npm i http-proxy-middleware --save -dev 二、创建文件 ./src/setupProxy.js 在src文件夹下面创建setupProxy.js文件 三、编辑setupProxy.js 文件文件内容 const {createProxyMiddleware} = require('http-proxy-middleware') module.exports = function(app) {.
React开发者工具无效 React Developer Tools无效
Mitin_的博客
12-19 712
情况描述：在chrome的商店，添加了官方的React Developer Tools到扩展程序，但打开页面进行调试的时候并没有发现React开发者工具起作用。二、如果一不行的话就更新chrome到最新版本试试，右上角的三个 小点点进入设置，找到关于chrome，如果不是最新版，将其更新到最新版本。
React developer tools v4.27.4
07-23
react开发必备调试工具
React developer tools v3.6.0
07-23
总的来说，React Developer Tools是React开发者不可或缺的伙伴，它提供了深入洞察React应用程序内部工作原理的能力，从而帮助开发者编写更高效、更可维护的代码。无论是初学者还是经验丰富的开发者，都能从中...
React Developer Tools 3.2.1 Chrome离线包
04-26
总的来说，React Developer Tools 3.2.1是React开发者不可或缺的辅助工具，它简化了复杂应用的调试过程，提高了开发效率，是React项目开发中必不可少的一部分。通过利用其提供的强大功能，开发者能够更好地理解和...
react配置proxy代理网页拒绝访问
m0_48636561的博客
12-07 641
react配置代码网页拒绝访问
无法开启 IE 开发者工具
qq_32348583的博客
11-12 1955
无法开启 IE 开发者工具(IE Developer Tools) 处理方法  1.问题：    a.IE8(本人修复问题的IE版本) 无法通过点击 “工具”-> “开发者工具” 或者“F12”  来开启开发者工具。    b.通过a中描述的方法，开发者工具会启动，但不会显示出来，现象是一直处于最小化状态。 2.解决方法：    a.打开注册表(regedit命令)    b.
IE8 Developer tools(开发人员工具)窗体看不到的解决办法
weixin_30696427的博客
10-16 95
IE8 所带的开发人员工具真是好东西，用它来探测网页上的各个元素非常方便。可是不知是何原因今天它总是蜷在某个看不到的角落无法正常显示，鼠标当然没有可拖动的地方。开始很自然想到的解决办法是调整屏幕分辨率，以及进入IE8的”Internet选项”，在”高级”标签下点击”重置”按钮，但是结果无效，重启机器依然无效… 还好当时头脑没发热，继续打开IE8，并按F12键开启开发人员工具，然后用鼠...
vscode里面超好用的react代码编辑插件（附完整的安装使用）
热门推荐
研究生在读，分享学习日常。（零基础学习后端编程）
01-27 1万+
（1）打开vscode，搜索 Simple React Snippets （2）安装完成后使用快捷键测试： Snippet Renders imr Import React imrc Import React / Component impt Import PropTypes impc Import React / PureCompnent cc Class C...
如何在edge使用IE11开发者工具，Developer Tools are not available in Internet Explorer mode. To debug the page...
树上骑个猴的博客
10-28 5421
如果Internet Explorer不可用，若要调试 IE 模式选项卡的内容，请使用 IEChooser 打开 Internet Explorer DevTools，如下所示： 在Windows中，打开"运行"对话框。 例如，按 Windows logo key + R 。 输入 %systemroot%\system32\f12\IEChooser.exe ，然后选择"确定 "。 在 IEChooser 中，选择"IE 模式"选项卡的条目。 ...
解决安装windows phone developer tools遇到的问题Setup cannot be run in Program Compatibility Mode
朱会震（朱乙）
10-27 5205
今天安装developer tools for Windows Phone 7一进入安装状态就提示如下错误：Visual Studio setup cannot run in compatibility mode. For more information see the ‘Installing’ section in the Visual Studio Readme at "http://go....
react flux的坑之（二） 启动成功后，无法通过ip访问 webpack
lilyouyanglove的博客
07-27 3110
从githhub down了一个备忘录源码下来运行，所遇到的问题之一如下 1、问题描述： npm run start 成功以后，浏览器输入 localhost：3000能够正常访问， 将localhost换成本机IP 则访问不了。 2、解决办法 在webpack.confgi.js中 devServer里加上  disableHostCheck: true
react developer tools v3.6.0
06-20
React developer tools v3.6.0是React developer tools的最新版本，它新增了一些功能和改进了一些问题。其中最值得一提的是，它新增了源代码映射的支持。这意味着，如果你的React应用被打包后进行了混淆和压缩，那么...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值