vue.js - 为什么 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

ESLint 抛出错误是因为它对控制台有一些规则，所以你可以尝试:

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

或者:

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

要全局配置它，打开 package.json 并输入:

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

并重启服务器。