ESlint中使用console.log报错问题

本文介绍了解决ESLint禁止console.log输出的问题。通过在ESLint配置文件中修改规则,将no-console设置为off,即可在不影响代码规范的前提下使用console.log进行调试。适用于基于@vue/cli3.x构建的项目。

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

由于ESlint规范化,使得在ESlint中使用console.log会报错。解决方法就是在ESlint的配置文件中设置允许console.log控制台输出。

ESLint配置主要有两种方式。

  1. Configuration Comments - 使用 JavaScript 注释把配置信息直接嵌入到一个代码源文件中。
  2. Configuration Files - 可以配置一个独立的 .eslintrc.* 文件,或者直接在 package.json 文件里的 eslintConfig 字段指定配置,ESLint 会查找和自动读取它们,再者,你可以在命令行运行时指定一个任意的配置文件。

可以配置的信息有很多,下面列举几个:

  1. Environments - 指定脚本的运行环境。每种环境都有一组特定的预定义全局变量。
  2. Globals - 脚本在执行期间访问的额外的全局变量。
  3. Rules - 启用的规则及其各自的错误级别。
    使用这些配置,可以细粒度地控制 ESLint 如何对待你的代码。

而我是基于@vue/cli 3.x 版本,使用 vue create 命令构建的项目,其ESlint配置是在package.json 文件里的 eslintConfig 字段指定的。

基于我的项目中ESlint配置是在package.json 文件中,我解决的办法是,在package.json 文件中找到 rules 属性,加入以下代码

// rules这个属性默认是有的,如果没有那就自己添加至 eslintConfig 属性下
 "rules": {
 	// 这一行代码就是允许console.log 设置
    "no-console": "off"
  },
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值