reactjs - 如何打开 react-devtools？

Question

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

安装似乎没问题：

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

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

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

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

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

Answer 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

参考：react-devtools-command-not-found

Answer 2

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

1. 安装使用yarn add --dev react-devtools
2. 跑yarn run react-devtools

Answer 3

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

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

如果使用 npm： npm run react-devtools

Answer 4

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

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

sudo npm install -g react-devtools

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