Debugger语句在vuejs应用程序中引发错误

Question

我正在使用附加到我的输入的简单v-on：click =“ demo”方法。在我的demo函数中，我使用debugger语句停止执行JavaScript引擎。问题是debugger语句在es-lint模块中没有抛出任何有意义的错误。我的问题很简单。如何使调试器工作？

代码

export default {
  name: "Demo",
  methods: {
    demo: function () {
      console.log('Running demo')
      debugger
    }
  }
}

错误

Failed to compile.

./src/components/Demo.vue
Module Error (from ./node_modules/eslint-loader/index.js):

/app/src/components/Upload.vue
   2:1   warning  Insert `··`                                                                                                                                                                                                                                                                                                                                                                                                                      prettier/prettier
   3:1   warning  Insert `··`                                                                                                                                                                                                                                                                                                                                                                                                                      prettier/prettier
   ...
   ...

Answer 1

我发现了问题。显然，ES-linter禁止debugger语句rule。为了使调试器再次工作，我必须在调试器行中添加// eslint-disable-line注释。下面的代码行解决了调试器错误。

debugger // eslint-disable-line

或

/* eslint-disable no-debugger */
debugger