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

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

问题描述

在vue项目中，使用console.log输出是总是会报错
使用如下：

控制台报错如下：

页面报错如下：

vue项目中使用的版本如下（package.json文件）：

产生原因：

ESLint代码规范抛出的错误。

解决方法：

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

使用方法如下图所示

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

文件位置如下：

文件内容如下：

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

使用方法如下图所示