Vuejs报错error: Unexpected console statement (no-console) at src\... 解决办法

最近更新了解决这个问题的方法:

https://blog.csdn.net/weixin_42476786/article/details/87254543

解决error: Unexpected console statement (no-console) at src… 的js文件:
https://download.csdn.net/download/weixin_42476786/11014586

--------------------------------------------------------------分割线------------------------------------------------------------------------------

当vue报这个错误的时候,还是可以运行的,但是看着难受,所以决定关掉它。这个错误其实是Vuejs - 使用ESLint检查代码质量,如果你有看es6编程规则的话,应该可以看到下面这段话:

ESLint 是一个语法规则和代码风格的检查工具,可以用来保证写出语法正确、风格统一的代码。

首先,安装 ESLint。

$ npm i -g eslint 然后,安装 Airbnb 语法规则,以及 import、a11y、react 插件。

$ npm i -g eslint-config-airbnb $ npm i -g eslint-plugin-import
eslint-plugin-jsx-a11y eslint-plugin-react
最后,在项目的根目录下新建一个.eslintrc文件,配置 ESLint。

{ “extends”: “eslint-config-airbnb” } 现在就可以检查,当前项目的代码是否符合预设的规则。

index.js文件的代码如下。

var unusued = ‘I have no purpose!’;

function greet() {
var message = ‘Hello, World!’;
alert(message); }

greet(); 使用 ESLint 检查这个文件,就会报出错误。

$ eslint index.js index.js 1:1 error Unexpected var, use let or
const instead no-var 1:5 error unusued is defined but
never used no-unused-vars 4:5 error Expected
indentation of 2 characters but found 4 indent 4:5 error
Unexpected var, use let or const instead no-var 5:5 error
Expected indentation of 2 characters but found 4 indent

✖ 5 problems (5 errors, 0 warnings)

上面代码说明,原文件有五个错误,其中两个是不应该使用var命令,而要使用let或const;一个是定义了变量,却没有使用;另外两个是行首缩进为
4 个空格,而不是规定的 2 个空格。

也就是说,是ESLint检查出你的代码风格不符合这个规则。
但是调试中又得使用console.log
所以我们可以如下图操作关闭。
在这里插入图片描述
改成”no-console“:”off“
这样就不会报错了。
但是养成一个很好的编码风格还是很重要的。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值