为什么我不能在我的 Vue 应用程序上使用调试器或 console.log

Question

我刚刚通过 Vue CLI 创建了一个新的 Vue 应用程序，但是 我不能使用调试器或 console.log 否则我会在浏览器中收到错误消息，为什么以及如何允许它？

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

Answer 1

在我的例子中，这是因为我在创建项目时使用了默认配置，它包括 eslint：

因此，为了允许调试器和 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"
    }
  }

这样我在编译时仍然会收到警告，所以我不会忘记在提交之前删除它们，但我可以运行我的应用程序并使用这些语句。

Answer 2

您可以使用：

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

仅当您确实必须使用时 console.log()

否则我强烈建议使用像“vuejs-logger”这样的记录器。

发生的情况就像在生产中你仍然有这些 console.log 我实际上不太喜欢的行......加上重建期间的警告阻止你在开发期间使用应用程序的热重载.

为什么我不能在我的 Vue 应用程序上使用调试器或 console.log

Why I can't use debugger or console.log on my Vue app

eslint

vue.js

vuejs2

vue-cli

vue-cli-3