安装最新版React devtool

news/2024/7/15 18:26:52 标签: react.js, 前端

1.按照官方文档执行

在这里插入图片描述
我这里只想在项目里安装,因此执行的
npm install react-devtools@^4

2.安装完成后,在 package.json里加入启动命令

"script": {
	"dev": "react-devtools"
}

执行npm run dev会弹出一个窗口
在这里插入图片描述

如果是全局安装的,则直接执行react-devtools

3.把<script src="http://localhost:8097"></script> copy 到项目的index.html中保存,窗口连接项目成功展示调试界面

在这里插入图片描述

遇到的问题

在安装react-devtools时,npm报错
在这里插入图片描述
可以看到是我的node版本不支持,换成他支持的node版本就OK了


http://www.niftyadmin.cn/n/5032039.html

相关文章

计算机组成原理——基础入门总结(一)

本帖更新一些关于计算机组成原理的重点内容。由于博主考研时并不会考这门课&#xff0c;但是考虑到操作系统中又很多重要晦涩的概念涉及很多诸如内存、存储器、磁盘、cpu乃至各种寄存器的知识&#xff0c;此处挑选一些核心的内容总结复盘一遍——实现声明&#xff1a;本帖的内容…

基于Java的大学生选修选课系统设计与实现(亮点:多角色、贴近现实的选课流程、好看的系统外观)

大学生选修选课系统 一、前言二、我的优势2.1 自己的网站2.2 自己的小程序&#xff08;小蔡coding&#xff09;2.3 有保障的售后2.4 福利 三、开发环境与技术3.1 MySQL数据库3.2 Vue前端技术3.3 Spring Boot框架3.4 微信小程序 四、功能设计4.1 主要功能描述 五、系统实现5.1 管…

leetcode 347.前 K 个高频元素

给你一个整数数组 nums 和一个整数 k &#xff0c;请你返回其中出现频率前 k 高的元素。你可以按 任意顺序 返回答案。 示例 1: 输入: nums [1,1,1,2,2,3], k 2 输出: [1,2]示例 2: 输入: nums [1], k 1 输出: [1] class Solution { public:// 小顶堆class mycompariso…

尝试UE的UnrealJS插件

目标 Unreal.js插件让UE拥有使用Javascript的能力。 本篇目标是学习安装这个插件&#xff0c;并做些最简单的基础尝试。 &#xff08;也参考了视频教程&#xff1a;Getting Started with Unreal JS - YouTube&#xff09; &#xff08;更多的脚本范例可以参考https://github.c…

元宇宙发展下的虚拟时尚

过去两年元宇宙概念大热&#xff0c;在元宇宙的发展过程中&#xff0c;时尚已逐渐成为其最受欢迎的应用领域之一。元宇宙中的时尚应用经历长期的发展&#xff0c;现已成为其最流行的用途之一。自2006年首届虚拟时装秀在Second Life举办以来&#xff0c;该行业的发展呈指数级增长…

Chatgpt solve | 井底之蛙

这是一个经典的物理问题&#xff0c;我们可以使用Python来解决它。青蛙每分钟爬升4米&#xff0c;然后滑下2米&#xff0c;所以每分钟净爬升2米。 我们可以编写一个循环来模拟这个过程&#xff0c;直到青蛙爬出井口。下面是一个Python程序来解决这个问题&#xff1a; def time_…

Stable Diffusion 系统教程 | 强大的ControlNet 控制网

2023年的2月13日&#xff0c;一款名叫ControlNet的插件横空出世&#xff0c;AI绘画变得更加可控 ControlNet直译过来很简单&#xff0c;就叫做控制网&#xff0c;开发者是一名华裔&#xff0c;毕业于苏州大学&#xff0c;目前在斯坦福做读博士一年级&#xff0c;大佬大佬&…

字符流读写文本文件

字符流 当使用字节流读取文本文件时&#xff0c;可能会有一个小问题。就是遇到中文字符时&#xff0c;可能不会显示完整的字符&#xff0c;那是因为一个中文字符可能占用多个字节存储。所以Java提供一些字符流类&#xff0c;以字符为单位读写数据&#xff0c;专门用于处理文本…