CODEWITHSUNDEEP
vue.jsvue-cli-3
Evan
Evan

Reputation: 2487

vuejs vue-cli how can I use console.log without getting any errors

I am trying to see what is the content of the result variable.

const result = await axios.post('/login', {
    email: user.email,
    password: user.password
});
console.log(result);

after I run "npm run serve"

I receive an error failed to compile for using console.

enter image description here

is there a way to use console when using vue-cli?

Upvotes: 9

Views: 8090

Answers (1)

Arc
Arc

Reputation: 1078

If you generated this project with the CLI and used default settings, check your .eslintrc.js file. The rules will be in there. You'll see something like:

module.exports = {
  root: true,
  env: {
    node: true
  },
  'extends': [
    'plugin:vue/essential',
    'eslint:recommended'
  ],
  rules: {
    'no-console': process.env.NODE_ENV === 'production' ? 'error' : 'off',
    'no-debugger': process.env.NODE_ENV === 'production' ? 'error' : 'off'
  },
  parserOptions: {
    parser: 'babel-eslint'
  }
}

Altering the extends and rules will do what you're wanting.

Additionally, you can use the // eslint-disable-next-line or /* eslint-disable */ comments to ignore areas that contains console.log().

If the file is missing, create it in the root and add:

module.exports = {
    rules: {
        'no-console': 'off',
    },
};

Upvotes: 11

Related Questions