logo标签列表

StackBlitz控制台在哪里？

angularconsolestackblitz
6
在 Angular 的“入门/试用/使用表单进行用户输入”教程的结尾，我们被要求“打开控制台以查看包含您提交的名称和地址的对象”。但是我只有一个运行应用程序的终端和一个经典终端可供使用。
在哪里可以找到显示（在 cart.component.ts 的第 28 行）日志的控制台？
console.warn('Your order has been submitted', this.checkoutForm.value);

这里输入图片描述

在检查页面中找不到它。

[编辑]

对我来说，它不在页面底部，就像Robert提出的那样。也许有一个控制台选项可以在某个地方启用？

这里输入图片描述

4个回答
4

我也遇到了同样的问题，在StackBlitz上派生的“入门”Angular项目没有显示控制台选项。为了查看控制台，我单击右上角的“在新标签页中打开”，然后使用浏览器控制台（例如，要查看Chrome的控制台，请右键单击输出页面并选择“检查”，然后单击“控制台”选项卡）。

查看在新标签页按钮位置 enter image description here

查看示例Chrome控制台； enter image description here

2

如果您使用 Angular 的“尝试/入门”中的 StackBlitz 的“现成示例项目”，它不会有控制台。

控制台只存在于在 StackBlitz 中创建新项目时显示的 Roberts 屏幕。

0
它应该位于页面底部：

enter image description here

更新 如果您使用 Vite 等 WebContainers，则打开 DevTools（F12）：

enter image description here

忽略“踩”，你用的是哪个浏览器？你尝试重新加载整个页面了吗？试着开始一个全新的项目，它是否存在？ - robert
你是怎么获得终端的？ - EugenSunic
@EugenSunic 按下F12键 - robert
0
作为一种变通方法，您可以使用 alert。

alert(this.checkoutForm.value.address);

alert方法会显示一个弹出框，其中包含您传递的任何消息。更多信息请点击这里。
网页内容由stack overflow 提供, 点击上面的
可以查看英文原文，
原文链接