vuejs vue-cli如何使用console.log而不会出现任何错误

Question

我试图查看结果变量的内容。

const result = await axios.post('/login', {
    email: user.email,
    password: user.password
});
console.log(result);

我运行“ npm run serve”后

我收到无法使用控制台进行编译的错误。

在使用vue-cli时是否可以使用控制台？

Answer 1

如果使用CLI生成了该项目并使用了默认设置，请检查.eslintrc.js文件。规则就在那里。您会看到类似的内容：

module.exports = {
  root: true,
  env: {
    node: true
  },
  'extends': [
    'plugin:vue/essential',
    'eslint:recommended'
  ],
  rules: {
    'no-console': process.env.NODE_ENV === 'production' ? 'error' : 'off',
    'no-debugger': process.env.NODE_ENV === 'production' ? 'error' : 'off'
  },
  parserOptions: {
    parser: 'babel-eslint'
  }
}

更改extends和rules即可满足您的需求。

此外，您可以使用// eslint-disable-next-line或/* eslint-disable */注释来忽略包含console.log()的区域。

如果文件丢失，请在根目录中创建并添加：

module.exports = {
    rules: {
        'no-console': 'off',
    },
};