vue项目中不能使用console对象而只能使用window.console的解决办法_console报错需要加window才行

使用vue创建的项目，由于自动加载了eslint这个插件，eslint的默认配置是在package.json文件里的

 "eslintConfig": {
    "root": true,
    "env": {
      "node": true
    },
    "extends": [
      "plugin:vue/essential",
      "**eslint:recommended**"
    ],
    "rules": {
      
    },
    "parserOptions": {
      "parser": "babel-eslint"
    }
  },
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16

由于使用了eslint:recommended的配置（也可以使用standard配置），所以默认不开启对console对象的支持，需要使用window.console才能打印日志。
解决办法：在rules中加入"no-console": “off”。这样就可以使用console了。

    "rules": {
      "no-console": "off"
    },
1
2
3