Почему я не могу использовать отладчик или console.log в своем приложении Vue

Question

Я только что создал новое приложение Vue через Vue CLI, но Я не могу использовать ни отладчик, ни console.log В противном случае я получаю ошибку в браузере, , почему и как я могу это разрешить?

Unexpected 'debugger' statement (no-debugger) at src/components/SomeComponent.vue:48:7

Answer 1

Вы можете использовать:

//eslint-disable-next-line no-console 

, только если вам действительно нужно использовать console.log()

в противном случае я настоятельно рекомендую использовать регистратор типа 'vuejs-logger '.

То, что происходит, похоже на то, что на производстве у вас все еще есть эти строки console.log, которые мне на самом деле не очень нравятся ... плюс предупреждение при перестройке не позволяет использовать горячую перезагрузку приложения. в процессе разработки.

Answer 2

В моем случае это было потому, что я использовал настройки по умолчанию при создании моего проекта, и он включает eslint:

Итак, чтобы разрешитьоператоры debugger и console.log Я изменил правила в своем файле package.json следующим образом:

  "eslintConfig": {
    "root": true,
    "env": {
      "node": true
    },
    "extends": [
      "plugin:vue/essential",
      "eslint:recommended"
    ],
    "rules": {
        "no-console": 1,
        "no-debugger": 1
    },
    "parserOptions": {
      "parser": "babel-eslint"
    }
  }

Таким образом, я по-прежнему получаю предупреждение при компиляции, поэтому я не забываю удалить их перед фиксацией, но ямогу запустить мое приложение и использовать эти операторы.