0

这里的问题不是要调试 Webstorm 的反应。

使用 react-create-app 链接到有关 dotenv 的一些信息（我从哪里开始）：

https://create-react-app.dev/docs/advanced-configuration/

我正在尝试使用 .ENV 将 WebStorm IDE 与浏览器集成，当我遇到一些错误时，我可以单击该行并通过 REACT_APP_EDITOR（REACT_EDITOR 如果您不使用 create-react-app）在 IDE 中打开该行):

浏览器错误

当我单击行号尝试打开时，终端中会显示此错误：

    Could not open index.tsx in the editor.
    The editor process exited with an error: spawn webstorm ENOENT.
    To set up the editor integration, add something like REACT_EDITOR=atom to the .env.local file in your project folder and restart the development server. Learn more: "https://github.com/facebook/create-react-app/blob/main/packages/cra-template/template/README.md"

我在根目录中有一个 .env，我也已经在 src 文件夹中尝试过，尝试 env.local 等。

我的 .ENV 只有

REACT_APP_EDITOR=wstorm // ps: i try a bunch of other things here too

GITHUB 中的某个人说他们需要将工具箱路径添加到此文件或类似的东西。

但我不知道我是否克隆了 create-react-app 的代表并在此处添加此链接，或者是否有一些更容易做的事情。

https://github.com/facebook/create-react-app/issues/10269

https://github.com/facebook/create-react-app/blob/main/packages/react-dev-utils/launchEditor.js

（PS：我不知道我是否必须编辑这个，但基于这里的其他答案，比如）：

REACT_EDITOR=原子错误

通过 JetBrains Toolbox 安装的 JetBrains App 的永久链接

如何将 React_Editor 设置为 PhpStorm，以便在单击错误时跳转到代码？

如何将 WebStorm 作为我的默认 Chrome 文本编辑器打开？

这就是我的 TOOLBOX shell 脚本的样子

工具箱 - Shell 脚本位置

请已经使用它的人可以帮助我吗？

PS：如果你不想在这里检查上面的答案一些信息

我正在使用 Ubuntu 20.04、WebStorm 和 react-create-app。

是的，我已经通过 Toolbox 安装了 IDE。

不，我在终端上没有 wbstorm 或 webstorm。

是的，我已经完成了：工具 -> 创建命令行启动器。

这：工具箱中的“/usr/local/bin”在 20.04 中不起作用。

请仅在您已经将其与安装了VIA TOOLBOX的 IDE 一起使用并且它可以工作时才回答。

为了不混淆一些读者回答的问题，比如当你安装然后通过 .deb 或 apt-snap 时如何做，已经有帖子回答这个问题，就像我上面列出的一些应该可以工作

如果你想复制这个场景：

1 - 下载工具箱

2 - 打开工具箱并安装 WebStorm 即可使用 30 天试用版。

3 - 创建一个反应应用程序使用npx create-react-app my-app

4 - 做一些事情在浏览器上得到一个错误

5 - 单击错误的行号并在反应运行的终端上收到错误

6 - 我在这里，尝试使用 .ENV 将 IDE 与浏览器链接

4

0 回答 0