我怎样才能打开react-devtools?

时间:2018-03-13 15:49:18

标签: reactjs react-native npm react-devtools

我正在尝试安装并运行react-devtools。我按照本指南执行此操作:https://github.com/facebook/react-devtools/blob/master/packages/react-devtools/README.md

安装似乎没问题:

enter image description here

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

enter image description here

然后我转到该目录并确认有一个名为react-devtools的文件夹。

要打开工具,文档指出我应该这样做:

enter image description here

回到我的项目目录中,运行此命令:

enter image description here

它说没有找到命令。所以看起来我已经安装了devtools,但我无法打开它们。我做错了什么?

4 个答案:

答案 0 :(得分:2)

也许这就是您想要的

修复不运行react-devtools

选项1:

npm uninstall -g react-devtools
npm uninstall -g electron
npm install -g --verbose react-devtools

选项2 :(在Linux,MacOSX中修复)

sudo npm install -g react-devtools --unsafe-perm=true

引用:react-devtools-command-not-found

答案 1 :(得分:1)

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

如果使用纱线: yarn run react-devtools

如果使用npm: npm run react-devtools

答案 2 :(得分:1)

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

  1. 使用yarn add --dev react-devtools
  2. 进行安装
  3. 运行yarn run react-devtools

答案 3 :(得分:0)

真正的问题是您没有为节点软件包管理器授予“超级用户”权限,以在全局范围内安装“ react-devtools”。

尝试此命令将解决您的问题

sudo npm install -g react-devtools

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