reactjs 如何打开react-devtools？

vptzau2j 于 2023-06-22 发布在 React

关注(0)|答案(5)|浏览(112)

我正在尝试安装并运行react-devtools。我遵循这一指南来做到这一点：https://github.com/facebook/react-devtools/blob/master/packages/react-devtools/README.md
安装似乎正常：

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

然后我转到那个目录并验证有一个名为react-devtools的文件夹。
要打开工具，文档指示我应该这样做：

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

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

5条答案

也许这就是你想要的
修复不运行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

如果您想运行项目级别，请执行以下步骤
1.使用yarn add --dev react-devtools安装
1.运行yarn run react-devtools

要运行react-devtools，您可以运行以下命令之一，具体取决于您的包管理器。
如果使用Yarn：yarn run react-devtools
如果使用npm：npm run react-devtools

这里真实的的问题是，您没有为节点包管理器授予“超级用户”权限，以便全局安装“react-devtools”。
试试这个命令它会解决你的问题

sudo npm install -g react-devtools

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

我也遇到过同样的问题。下面是它的工作原理：