如何在Visual Studio Code中将调试语句输出到控制台

Question

7

如何从 .js 方法向控制台写入内容？

console.log 在 Visual Studio Code 的控制台选项卡中未显示任何内容。

这里是我的方法的示例：

_onPressItem = (index) => {
    console.log("Property Finder >> Pressed row: "+index);
};

这是当我在我的ListView中点击一个项目时触发的。如果我通过XCode运行它，我会看到上面打印了一个“console.log”的行。但是，如果我在VSCode中调试它，我根本没有看到任何“console.log”行被打印出来。

我的步骤： 1. 在VSCode中打开我的项目 2. 按下"Cmd+P"然后输入命令“Debug: Start Debugging”(这是一个可用的命令，我只需要选择它) 3. 应用程序启动后，在DEBUG CONSOLE选项卡中会显示一些行，但没有从我的“console.log”命令中显示的行。

- pixel

展示一些实际的代码。 - Khurram

也许是react-native获取了控制台对象？在导入react-native之前，尝试将控制台对象分配给您自己的变量。只是一个想法。 - bvj

3个回答

1

我有同样的问题。

我在配置中打开浏览器（"type": "vscode-edge-devtools.debug"）。

在浏览器中，如果我按下f12并转到“控制台”选项卡，似乎那里是console.log写入的位置。

- Duncan Wallace

1

调试 > 开始调试 F5，并在 DEBUG CONSOLE 中查看输出结果。

- solimanware

4

尽管我添加了用于React Native工具的扩展，但仍然没有看到任何console.log语句输出到DEBUG CONSOLE。 - pixel

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- RationalDev likes GoFundMonica · Accepted Answer

我添加了：

"outputCapture": "std"

为了让我的调试启动配置和console.log语句在“DEBUG CONSOLE”选项卡中正常工作。

或者：

"console": "integratedTerminal"

在"TERMINAL"选项卡中显示console.log。