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

user_2092927 0
Viewed 1880

I have a SSR page build on Nuxt (Vue). There is a simple code which runs in the browser.

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

SSR means that site it rendered on the server and then send to the browser. This piece of code should run in the browser. It is related to the button click. Alert works fine but I dont see any console.log() in the browser. Dont understand it. What is wrong with that?

EDIT:

Here is the example Github repository. Run yarn install + yarn dev to reproduce the issue. Node version v14.17.6 npm version 6.14.15 and yarn version 1.22.11 You will see alert() on page load from /layouts/default.vue which contains this code

export default {

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

This is screenshot of console.log() in console.

enter image description here

vuejs2 nuxt.js vue.js console debugging
4 Answers

Make sure you don't have anything in the console's filter input field.

For example, in the following image you can see the word "status" is masking the console.log() log lines:

enter image description here

user_16552450

I'm not sure why your code is not printing the console.log() since it's something basic and does not require any specific configuration.
I've tested your repro and it's working perfectly fine on both Chrome and Firefox. Maybe try another browser, factory reset it or ask a buddy to try on their side.

enter image description here

This is something on your machine IMO.

Also, be aware of the filter on top of the console, be sure that nothing is present here, otherwise it could filter the things you see in the actual console.

enter image description here

user_88165850

In your Browser you have a Console Output Section, where you also have some settings. There you can set the log levels, which should be in your output (Verbose, Info, Warnings and Errors). Console.logs are logged under the level Verbose, so you have to make sure this option is checked. By default this option is unchecked in some cases.

enter image description here

user_58747910

You have a filter, "status". It will filter anything which does not contain "status" keyword in it.

enter image description here

user_88565910
Related