Unexpected console statement (no-console)

在vue cli项目中用consloe.log()打印,启动项目报错

export default {
  name: 'app',
  components: {

  },
  created() {
    this.test()
  },
  methods: {
    test () {
      console.log(_.gt(3, 1))
      console.log(_.gt(3, 3))
    }
  }
}

报错信息:

error: Unexpected console statement (no-console) at src\App.vue:21:7:
19 | methods: {
20 | test () {
> 21 | console.log(_.gt(3, 1))
| ^
22 | console.log(_.gt(3, 3))
23 | }
24 | }

解决方法:在项目中添加.eslintrc.js文件,与package.json同目录级

添加配置:

module.exports = {
  rules: {
    'no-console': 'off',
    "no-restricted-syntax": [
      "error",
      {
        "selector": "CallExpression[callee.object.name='console'][callee.property.name!=/^(log|warn|error|info|trace)$/]",
        "message": "Unexpected property on console object was called"
      }
    ]
  }
}

注意: 后面的no-restricted-syntax配置也是需要的,如果只修改"no-console": "off"

启动项目还是会报错:

error: Parsing error: Unexpected token < at src\App.vue:1:1:
> 1 | <template>
| ^

1 error found.

You may use special comments to disable some warnings.
Use // eslint-disable-next-line to ignore the next line.
Use /* eslint-disable */ to ignore all warnings in a file.

加上配置后就可以了,不同版本下需要的解决方法可能不一致,有错误时可以去官网看最新的解决方案https://eslint.org