StackBlitz 控制台在哪里？

Question

在 Angular 的“入门/尝试/使用表单进行用户输入”的最后，我们被要求“打开控制台以查看包含您提交的名称和地址的对象。”。但我只有一个运行应用程序的终端，以及一个可供我使用的经典终端。

显示日志的控制台在哪里（在 cart.component.ts 第 28 行）：

console.warn('Your order has been submitted', this.checkoutForm.value);

不在检查页面。

[编辑]

对我来说，它并不像罗伯特建议的那样位于页面底部。也许有一个控制台选项可以在某处启用？

Answer 1

我也经历过同样的事情，StackBlitz 上分叉的“入门”Angular 项目没有显示控制台选项。要查看控制台，我单击右上角的“在新选项卡中打开”，然后使用浏览器控制台（例如，要查看 Chrome 的控制台，请右键单击输出页面并选择“检查”，然后单击“控制台”选项卡).

查看 chrome 控制台示例；

Answer 2

当您使用 Angular“尝试/入门”中的“StackBlitz 中现成的示例项目”时，它没有控制台。

当您从 StackBlitz 创建新项目时，控制台将显示为 Roberts 屏幕。

Answer 3

它应该位于页面底部：

更新 如果你碰巧使用了Vite等WebContainers，那么打开DevTools（F12）：

Answer 4

作为解决方法，您可以使用

alert

：

alert(this.checkoutForm.value.address);

alert

方法会显示一个弹出框，其中包含您传递给它的任何消息。更多信息这里