vue项目中不能使用console而只能使用window.console的解决办法

**问题：**vue项目中不能使用console而只能使用window.console问题原因：vue脚手架创建的项目package.json中有关eslint的默认配置如下："eslintConfig": {"root": true,"env": {"node": true},"extends": ["plugin:...

码神星哥

954人浏览 · 2019-12-26 11:29:12

码神星哥 · 2019-12-26 11:29:12 发布

**问题：**vue项目中不能使用console而只能使用window.console

问题原因：
vue脚手架创建的项目package.json中有关eslint的默认配置如下：

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

解决办法：
由于eslint的规则里不允许使用console，解决办法就是设置为允许使用。

 "rules": {
      "no-console": "off"

    },

完整配置如下：

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