Reactjs 如何打开react devtools?

Reactjs 如何打开react devtools?,reactjs,react-native,npm,react-devtools,Reactjs,React Native,Npm,React Devtools,我正在尝试安装并运行react devtools。我遵循本指南来做到这一点: 安装似乎正常: 要验证它是否正确安装,请执行以下命令: 然后我转到那个目录,验证是否有一个名为react devtools的文件夹 要打开文档指示的工具,我应该执行以下操作: 回到我的项目目录,我运行以下命令: 上面说找不到命令。看起来我已经安装了devtools,但是我无法打开它们。我做错了什么?也许这就是你想要的 修复不运行react devtools 备选案文1: npm uninstall -g rea

我正在尝试安装并运行react devtools。我遵循本指南来做到这一点:

安装似乎正常:

要验证它是否正确安装,请执行以下命令:

然后我转到那个目录,验证是否有一个名为react devtools的文件夹

要打开文档指示的工具,我应该执行以下操作:

回到我的项目目录,我运行以下命令:


上面说找不到命令。看起来我已经安装了devtools,但是我无法打开它们。我做错了什么?

也许这就是你想要的

修复不运行react devtools

备选案文1:

npm uninstall -g react-devtools
npm uninstall -g electron
npm install -g --verbose react-devtools
选项2:(在Linux、MacOSX中修复)


请参阅:

这里真正的问题是您没有为节点包管理器授予“超级用户”权限,以便全局安装“react devtools”

试试这个命令,它会解决你的问题

sudo npm install -g react-devtools

当忽略命令中的
-g
参数时,npm将在您当前使用的目录中安装react devtools。在您的情况下,主目录。

要运行react devtools,您可以根据您的软件包管理器运行以下任一命令

如果使用纱线:
纱线运行反应devtools

如果使用npm:
npm运行react devtools

如果只想运行项目级,请执行以下步骤

  • 使用
    纱线添加--dev react devtools安装
  • 运行
    纱线运行反应devtools

  • 您正在使用哪个浏览器?您可以将其作为扩展安装。您只需安装并运行它,即可修复RN开发环境中的错误。下载它,安装起来非常简单-
    sudo npm install -g react-devtools