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时使用console？

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',
    },
};

vuejs vue-cli 我怎样才能使用 console.log 而不会出现任何错误

vuejs vue-cli how can I use console.log without getting any errors

vue.js

vue-cli-3