Блог

У меня есть этот компонент Vue, который работает нормально, но отладка является проблемой в VSCode:

 <template>
 <div>   
     <button @click="test">Test</button>
 </div>
</template>

<script>

  async function Test() {

    try {
        throw('zzzzz');
    } catch (e) {
        let x = e;
        console.log(e); //This logs fine
        console.log(x); //This logs fine
        let z = 'break here';
        /********************
        Break on the line above and inspect 'e' in the debug console,
        it is 'undefined'    
        *********************/
    }
  }

  export default {

    data(){
      return {
      }
    },

    methods: {
      test: async function () {
        await Test();
      }
    }

  }
    </script>
 

Согласно комментариям в коде, как e, так и x, похоже, установлены правильно, за исключением того, что я не могу проверить e (в консоли отладки vscode chrome dev tools), что, очевидно, усложняет отладку, поскольку у меня обычно нет консоли.инструкции журнала.

Кроме того, отладка работает нормально. Интересно, что если сделать функцию неасинхронной, как показано ниже, то ‘e’ можно проверить, как и ожидалось.

   function Test(user)
 

Возможно, я пропустил какую-то конфигурацию, чтобы вызвать это?