为什么我无法在 Vue 应用程序上使用 debugger 或 console.log

Question

我刚刚通过 Vue CLI 创建了一个新的 Vue 应用程序，但我无法使用 debugger 或 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"
    }
  }

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