Chrome（或任何）开发工具控制台未使用 VS Code 显示 Javascript“输出”（console.log）

Question

我正在（在 MAC 上）使用带有 Live Server 扩展的 VS Code 和打开开发人员工具的 Chrome。

当我在 VS Code 中进行保存时，我期望看到的是代码结果的“实时”控制台 (console.log) 读数（在 CONSOLE 选项卡中），但这并没有发生。我可以在“SOURCES”选项卡中看到我的 .js 文件和 .html 文件，并且当我在 VS Code 中进行更改时，它们会动态更新，因此 something 正在工作，只是控制台不起作用。

我已经在 MAC 和 Windows 10 上使用 Chrome Canary、Firefox Developer Edition 和 Edge 尝试过此操作，结果始终相同 - 控制台不显示任何内容。由于这在我尝试的每个浏览器和操作系统上都失败了，所以我的感觉是我错过了一些基本的东西。

需要明确的是，除了控制台之外，Live Server 运行良好。也许这与我的环境有关。

Answer 1

正如 Konrad 提到的，您这边的问题来自于标签的错误使用。

它应该包含一个

src

属性，但该属性未正确设置。相反，

src

属性被开始和结束脚本标记包围，这不是包含外部 JavaScript 文件的有效方法。

在您显示的这个错误代码中，整个

<script> src="script2.js"</script>

将被视为 HTML 文档中的纯文本内容。它不会被识别为外部 JavaScript 文件引用，

script2.js

里面的内容不会被作为 JavaScript 执行。

要正确包含外部 JavaScript 文件，您应该使用正确的语法，如下所示：

<script src="script2.js"></script>

这样，浏览器会将其识别为外部脚本，并尝试从

script2.js

文件加载并执行 JavaScript 代码。