@marsdenden

Почему devtools показывает не тот номер строки, где вызывался console.log в проекте на vue.js?

Собственно, проблема в том, что devtools каким-то образом сдвигает нумерацию при выводе в консоль и пошаговой отладке кода. Проект на vue.js, режим develop, source map генерируются и там вроде все нормально
5cc02bddea5a9888134850.png
console.log в 328 строке.
Но в самой консоли devtools показывает, что вывод был сделан из 329 строки
5cc02c0e0646a894595694.png

Если в код вставить debugger, то для отладки курсор останавливается в следующей строке, и при пошаговом происходит сдвиг на одну строку, то есть при проходе конструкции вида
x=2;
  return x;
}

если курсор находится на return x, фактически при нажатии на F10 будет выполнена предыдущая строка, а сам возврат из функции будет выполнен, когда F10 будет нажата на строке с закрывающей скобкой.

Чья это проблема - vue.js, webpack, который генерирует source map или самого devtools? Судя по первому скрину, мапы генерятся нормально
  • Вопрос задан
  • 113 просмотров
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы