由于ESlint规范化,使得在ESlint中使用console.log会报错。解决方法就是在ESlint的配置文件中设置允许console.log控制台输出。
ESLint配置主要有两种方式。
- Configuration Comments - 使用 JavaScript 注释把配置信息直接嵌入到一个代码源文件中。
- Configuration Files - 可以配置一个独立的 .eslintrc.* 文件,或者直接在 package.json 文件里的 eslintConfig 字段指定配置,ESLint 会查找和自动读取它们,再者,你可以在命令行运行时指定一个任意的配置文件。
可以配置的信息有很多,下面列举几个:
- Environments - 指定脚本的运行环境。每种环境都有一组特定的预定义全局变量。
- Globals - 脚本在执行期间访问的额外的全局变量。
- 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"
},