为什么console.log在Vue.js中不起作用？

Question

环境

$节点-v
v8.16.2
$ npm -v
6.4.1

    "vue": {
      "version": "2.5.16",
      "resolved": "https://registry.npmjs.org/vue/-/vue-2.5.16.tgz",
      "integrity": "sha512-..."
    },
    "nuxt": {
      "version": "1.4.1",
      "resolved": "https://registry.npmjs.org/nuxt/-/nuxt-1.4.1.tgz",
     ...
    },
    "webpack": {
      "version": "3.12.0",
      "resolved": "https://registry.npmjs.org/webpack/-/webpack-3.12.0.tgz",
    ...
    },
    "uglifyjs-webpack-plugin": {
      "version": "0.4.6",
     ...
    }

<template>
  <div class="container">
    <h2>Complete</h2>
</div>
</template>

<script>
import Vue from 'vue'

export default {
  name: 'NuxtError',
  props: {
    error: {
      type: Object,
      default: null
    }
  },
  created() {
    console.log('created');
    nextUrl = "http://localhost:3000";
    console.log(nextUrl);

    ...
  }
}
</script>

问题

console.log无法正常工作。

尝试

• 在所有来源中搜索“ drop_console” ->没有
• 在所有来源中搜索“ UglifyJsPlugin” →无
• 编写“ process.env.DEBUG ='nuxt：*'” →不起作用

希望

请告诉我解决方法。 请教我有关要求代码的询问。

谢谢。

Answer 1

我遇到了同样的问题，后来我发现我在 quite:true 的构建配置中设置了 nuxt.config.js。

Answer 2

ESLint抛出错误，因为它具有控制台的某些规则，因此您可以尝试：

/ * eslint-disable no-console * /
console.log ('hello world');

或者相反：

window.console.log ('Hello world');

要进行全局配置，请打开package.json并输入：

"eslintConfig": {
...
"rules": {
  "no-console": "off"
},

然后重新启动服务器。