为什么我的 console.log() 没有在我的浏览器中记录任何内容？

Question

我有一个基于 Nuxt (Vue) 的 SSR 页面。在浏览器中有一个简单的代码运行。

methods: {
    submitGeneralForm() {
        alert("submit");
        console.log('teeeeeeeeeeeeeeeeeeeeest')
    },

SSR 表示它在服务器上呈现的站点，然后发送到浏览器。这段代码在浏览器中应该运行。它与按钮点击有关。警报工作正常，但我在浏览器中看不到任何 console.log()。不明白。这有什么问题？

编辑：

这里是例子Github repository。运行 yarn install + yarn dev 重现问题。 节点版本 v14.17.6 npm 版本 6.14.15 和 yarn 版本 1.22.11 你会在页面加载时看到 alert() 从 /layouts/default.vue 包含此代码

export default {

    mounted() {
        alert('11111111111111');
        console.log('22222222222222');
        alert('33333333333333');
    }
};

这是控制台中 console.log() 的屏幕截图。

Answer 1

在您的浏览器中有一个 Console Output 部分，您也可以在其中进行一些设置。在那里你可以设置日志级别，它应该在你的输出中（详细、信息、警告和错误）。 Console.logs 记录在级别 Verbose 下，因此您必须确保选中此选项。默认情况下，此选项在某些情况下未选中。

Answer 2

我不确定为什么您的代码不打印 console.log()，因为它是基本内容，不需要任何特定配置。
我已经测试了您的重制版，它在 Chrome 和 Firefox 上都运行良好。也许尝试其他浏览器，将其恢复出厂设置或请好友在他们这边尝试。

这是你机器上的东西 IMO。

此外，请注意控制台顶部的过滤器，确保此处没有任何内容，否则它可能会过滤您在实际控制台中看到的内容。

Answer 3

确保控制台的过滤器输入字段中没有任何内容。

例如，在下图中，您可以看到“状态”一词掩盖了 console.log() 日志行：

Answer 4

您有一个过滤器“状态”。它将过滤任何不包含“status”关键字的内容。

为什么我的 console.log() 没有在我的浏览器中记录任何内容？

Why is my console.log() not logging anything in my browser?

debugging

console

vue.js

vuejs2

nuxt.js