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

码神星哥

于 2019-10-27 06:30:45 发布

阅读量1k

点赞数

CC 4.0 BY-SA版权

分类专栏：前端

本文链接：https://blog.csdn.net/iteye_10432/article/details/102763511

前端专栏收录该内容

15 篇文章

订阅专栏

在使用Vue创建的项目中，由于自动加载了eslint插件，默认配置不支持console对象。本文介绍如何在rules中加入no-console: off来启用console功能。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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

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

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

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