解决vue项目中出现的console报错问题

解决vue项目中出现的console报错问题

问题描述

在vue项目中,使用console.log输出是总是会报错
使用如下:
在这里插入图片描述
控制台报错如下:
解决vue项目中出现的console报错问题_第1张图片
页面报错如下:
解决vue项目中出现的console报错问题_第2张图片
vue项目中使用的版本如下(package.json文件):
解决vue项目中出现的console报错问题_第3张图片

产生原因:

ESLint代码规范抛出的错误。

解决方法:

方法一:使用window.console.log()替换console.log()方法进行输出。

使用方法如下图所示
在这里插入图片描述

方法二:在项目的根目录下新建.eslintrc.js修改eslint的配置项

文件位置如下:
解决vue项目中出现的console报错问题_第4张图片

文件内容如下:

module.exports = {
   root: true,
   env: {
       node: true
   },
   'extends': [
       'plugin:vue/essential'
   ],
   rules: {
       'no-console': 'off',
   },
}

使用方法如下图所示
解决vue项目中出现的console报错问题_第5张图片

你可能感兴趣的:(vue)