如何打开 react-devtools？答案

【问题标题】：How can I open react-devtools?如何打开 react-devtools？
【发布时间】：2018-08-21 23:03:11
【问题描述】：

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

安装似乎没问题：

为了验证它是否正确安装，我执行以下命令：

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

要打开文档指示我应该这样做的工具：

回到我的项目目录我运行这个命令：

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

【问题讨论】：

【解决方案1】：

也许这就是你想要的

修复不运行 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

【讨论】：

【解决方案2】：

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

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

sudo npm install -g react-devtools

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

【讨论】：

【解决方案3】：

要运行 react-devtools，您可以根据您的包管理器运行以下任一命令。

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

如果使用 npm： npm run react-devtools

【讨论】：

【解决方案4】：

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

【讨论】：