vuejs vue-cli как я могу использовать console.log без каких-либо ошибок

Question

Я пытаюсь посмотреть, что является содержимым переменной результата.

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

после запуска «npm run serve»

Я получил ошибку, не удалось скомпилировать для использования консоли.

есть ли способ использовать консоль при использовании vue-cli?

Answer 1

Если вы сгенерировали этот проект с помощью интерфейса командной строки и использовали настройки по умолчанию, проверьте файл .eslintrc.js. Правила будут там. Вы увидите что-то вроде:

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'
  }
}

Изменение extends и rules сделает то, что вы хотите.

Кроме того, вы можете использовать // eslint-disable-next-line или /* eslint-disable */ комментариев, чтобы игнорировать области, содержащие console.log().

Если файл отсутствует, создайте его в корне и добавьте:

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