Не удается найти javascript исходную карту для отладки в chrome devtools - PullRequest
0 голосов
/ 14 февраля 2020

Я использую веб-пакет в. Net проекте для связывания моих javascript файлов. Недавно я столкнулся с ошибкой, которую я хотел бы отладить с помощью инструментов chrome dev.

В моем файле конфигурации webpack я добавил следующую строку для генерации исходных карт.

devtool: 'source-map'

После запуска npx webpack в моей папке dist были созданы следующие файлы. project directory

Так что я точно знаю, что эти файлы были сгенерированы. Когда я открываю resources.entry. js в отладчике chrome, я вижу следующее.

source map detected

Однако я не могу найти исходную карту, чтобы установить точку останова. Я не могу найти это на дереве.

tree

и я, похоже, не могу сделать ctrl + p для поиска, как Chrome предлагает.

ctrlp

Что именно мне нужно сделать, чтобы иметь возможность отладки с использованием моих исходных файлов javascript?

Спасибо.

1 Ответ

2 голосов
/ 18 февраля 2020

Вам необходимо вручную добавить исходные карты в dev-tools. Ниже приведены шаги.

  1. Открыть DevTools
  2. Открыть вкладку исходного кода
  3. Щелкните правой кнопкой мыши в области исходного кода
  4. Выберите параметр «Добавить исходные карты»
  5. Введите имя исходных карт

Также убедитесь, что у вас включены исходные карты. (Проверьте это: https://developers.google.com/web/tools/chrome-devtools/javascript/source-maps)

...