Я использую веб-пакет в. Net проекте для связывания моих javascript файлов. Недавно я столкнулся с ошибкой, которую я хотел бы отладить с помощью инструментов chrome dev.
В моем файле конфигурации webpack я добавил следующую строку для генерации исходных карт.
devtool: 'source-map'
После запуска npx webpack
в моей папке dist
были созданы следующие файлы. ![project directory](https://i.stack.imgur.com/0hTDf.png)
Так что я точно знаю, что эти файлы были сгенерированы. Когда я открываю resources.entry. js в отладчике chrome, я вижу следующее.
![source map detected](https://i.stack.imgur.com/gk0Js.png)
Однако я не могу найти исходную карту, чтобы установить точку останова. Я не могу найти это на дереве.
![tree](https://i.stack.imgur.com/x5BgJ.png)
и я, похоже, не могу сделать ctrl + p
для поиска, как Chrome предлагает.
![ctrlp](https://i.stack.imgur.com/4tRt4.png)
Что именно мне нужно сделать, чтобы иметь возможность отладки с использованием моих исходных файлов javascript?
Спасибо.