在Vue-cli3生成的项目中处理no-console错误

使用 vue-cli3 创建项目时,如果选择默认的 eslint 规则,则不允许在代码中使用 console.log。

在默认的 eslint 规则中是禁止在代码中调用 console.log 的。如果代码中有 console.log 语句,则在项目编译时会得到如下错误:

1
error: Unexpected console statement (no-console) at ...

修改这一默认规则的方法是直接编辑 package.json 文件中的 eslintConfig 设置。

原设置为:

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

可以看到第10行中的 rules 设置项现在是为空的。

在 rules 中加入 “no-console”: “off” 来禁止对 console.log 的检查,修改后的配置如下:

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

然后在重新启动应用: yarn serve, 就不会愉快的使用 console.log 了。

本文标题:在Vue-cli3生成的项目中处理no-console错误

文章作者:梅老师

发布时间:2019年09月21日 - 07:09

最后更新:2020年05月28日 - 16:05

原始链接:https://www.mls-tech.info/web/vue/vue-eslint-no-console/

许可协议: 署名-非商业性使用-禁止演绎 4.0 国际 转载请保留原文链接及作者。