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

Question

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

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

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

编辑：

这是示例Github 存储库。运行yarn install +yarn dev 来重现该问题。Node 版本 v14.17.6 npm 版本 6.14.15 和 YARN 版本 1.22.11您将在包含此代码的 /layouts/default.vue 页面加载时看到alert()

export default {

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

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

Answer 1

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

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

Answer 2

我不确定为什么您的代码没有打印，console.log()因为它是基本的东西，不需要任何特定的配置。
我已经测试了你的重现，它在 Chrome 和 Firefox 上都运行得很好。也许尝试其他浏览器，将其恢复出厂设置或请朋友尝试一下。

在我看来，这是你机器上的东西。

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

Answer 3

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