Redux DevTools：无法从 Trace 选项卡行中打开 VS Code

Question

我的问题是，当我在 Chrome 上的 Redux DevTools 的 Trace 选项卡上单击一行代码（例如调度）时，Trace 选项卡允许我看到 like here，而不是在 VS 上打开它在正确的数字行编码，它会在 Chrome 上打开一个新选项卡，并显示消息“网站想要打开此应用程序”以及“打开 Visual Studio 代码”按钮，但该选项卡会立即关闭/消失！

我尝试了几次非常快速地单击“Open VS Code”按钮，但没有任何区别。我也试过 Ctrl + Shift + T 重新打开关闭的标签，但它没有重新打开那个特定的标签......

看来我只需要单击“打开 VS 代码”按钮即可使其工作。另外我是初学者，所以我可能缺少一些东西。

这是我设置的值：

The settings

Answer 1

我认为您应该正确修复项目目录的路径。我也面临同样的问题一段时间，然后我发现了我的错误并解决了同样的问题。

1. 这里第一步是检查reduxDevTool中显示的项目目录https://prnt.sc/wk4z5f
2. 你看到的文件名是这样的.redux-starter/src/index.js:9（请查看上面的截图链接）
3. 通过点击 reduxDevTools 中的设置按钮打开 reduxDevTools 设置。
4. 您必须在此处选中External ediotr单选按钮并在输入字段中输入vscode。
5. 最后，您必须设置的最重要的事情，即：是您的项目目录的路径。复制 Redux-Starter 项目文件夹所在的项目目录路径 D:\xampp\htdocs\reactjs\redux\ 并将其粘贴到该 textarea 字段中。

最后，重新加载框架，转到 Trace 选项卡并单击其中一个调度功能。你会看到它在 vscode 中打开了。