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

最新推荐文章于 2024-07-18 11:10:07 发布

原创最新推荐文章于 2024-07-18 11:10:07 发布 · 1k 阅读

0 ·

CC 4.0 BY-SA版权

前端专栏收录该内容

15 篇文章

订阅专栏

本文详细解释了为什么在Vue项目中直接使用console会遇到问题，并提供了修改eslint配置来允许使用console的方法。通过调整package.json中的eslintConfig规则，将no-console设置为off，即可在Vue项目中正常使用console进行调试。

**问题：**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"
    }
  },