«Не удалось прочитать исходную карту из-за ошибки Chrome…» при использовании кода Visual Studio для отладки JavaScript в Edge
Я пытаюсь отлаживать код JavaScript в коде Visual Studio, но выдает следующую ошибку
Could not read source map for chrome-error://chromewebdata/: Unexpected 503 response from chrome-error://chromewebdata/edge-elixir-neterror.rollup.js.map: Unsupported protocol "chrome-error:"
файл launch.json имеет следующие конфигурации
{
// Use IntelliSense to learn about possible attributes.
// Hover to view descriptions of existing attributes.
// For more information, visit: https://go.microsoft.com/fwlink/?linkid=830387
"version": "0.2.0",
"configurations": [
{
"name": "Launch Edge",
"request": "launch",
"type": "msedge",
"url": "http://localhost:8080",
"webRoot": "${workspaceFolder}"
},
]
}
Я попытался удалить папку .vscode вместе с файлом launch.json, и в следующий раз при попытке добавить Microsoft Edge снова ничего не получилось. при повторном запуске он показывает мне эту страницу. Localhost отказался подключаться. Я не понимаю, почему мне выдает ошибку Chrome, когда я пытаюсь использовать Edge для отладки.
У меня есть, Код Visual Studio: версия 1.90.2. Край: Версия 126.0.2592.68
@Zenais Когда я меняю порт на 5500, который является тем же портом, который используется расширением живого сервера, он показывает мне страницу, на которой есть все папки корневой папки. В этих папках есть файлы javascript. Когда я перемещаюсь по этим папкам, чтобы открыть файл, он открывает файл application/index.html, но отладка все равно не выполняется в VSCode.
![Безумие обратных вызовов в javascript [JS]](https://i.imgur.com/WsjO6zJb.png)
Ответы 2
Пожалуйста, убедитесь, что http://localhost:8080 имеет какой-то контент и доступен для вас. Вы можете протестировать:
- Используйте другой действительный URL-адрес для раздела «url», чтобы проверить, не является ли это проблемой со стороны VS Code.
- Прямой доступ
http://localhost:8080в вашем браузере. Если он недоступен, это означает, что вы только что использовали неверный URL-адрес для раздела «url».
Лично я могу воспроизвести эту проблему только в том случае, если у меня ничего нет на http://localhost:8080. Замена его другим действительным URL-адресом работает.
Когда я меняю порт на 5500, который является тем же портом, который используется расширением живого сервера, он показывает мне страницу, на которой есть все папки корневой папки. В этих папках есть файлы javascript. Когда я перемещаюсь по этим папкам, чтобы открыть файл, он открывает файл application/index.html, но отладка все равно не выполняется в VSCode.
@Tushar Не совсем понимаю, что вы подразумеваете под «перемещаться по этим папкам, чтобы открыть файл», но похоже, что вам нужно изменить «запустить» на «прикрепить», если вы открываете файл вручную. «Запуск» работает только в том случае, если вы начинаете отладку (F5) внутри VS Code. В любом случае исходную проблему можно решить, предоставив действительный URL-адрес.
У меня есть имя корневой папки для веб-разработки и несколько подпапок внутри нее, поэтому файл js или index.html, который является корневой папкой, работает в отладчике VSCode правильно, но те файлы js/index.html, которые находятся в подпапке, не запускаются в отладчике, например. имя подпапки — ToDo, в ней есть файлы index.html, style.css и script.js. Файл script.js импортируется в index.html с использованием тега <script>. Когда я пытаюсь запустить эти файлы в отладчике, этого не происходит. Откроется страница локального хоста, но покажите это Pasteboard.co/7TXEkZkgXONv.png вместо показа работающего приложения.
@Tushar В этом случае вам нужно указать URL-адрес как localhost:5500/ToDo . Или просто переместите файл index.html прямо под localhost:5500.
Хорошо, у меня все заработало, но как мне изменить файл launch.json, который отладчик работает также для файлов корневой папки и файлов подпапок?
@Tushar В этом случае вам может потребоваться «прикрепить» вместо «запустить». Я предлагаю вам сначала ознакомиться с этой документацией по отладке: code.visualstudio.com/docs/editor/debugging
Прежде всего я хотел бы поблагодарить @Kendrick за то, что он направил меня в правильном направлении. Я попробовал все, как он сказал, и обнаружил, что следующая конфигурация файла launch.json работает. Отладчик можно запустить для любого файла javascript вложенной папки для отладки.
{
// Use IntelliSense to learn about possible attributes.
// Hover to view descriptions of existing attributes.
// For more information, visit: https://go.microsoft.com/fwlink/?linkid=830387
"version": "0.2.0",
"configurations": [
{
"type": "msedge",
"request": "launch",
"name": "Launch Edge against localhost",
"url": "http://localhost:5500/${relativeFileDirname}",
"webRoot": "${workspaceFolder}"
}
]
}Здесь относительныйFileDirname — это важное ключевое слово, которое можно использовать для любой конфигурации браузера.
Что ж, эта ошибка кажется мне довольно эзотерической и может относиться только к вашей конкретной ситуации/настройке. Однако, если мы попытаемся использовать здесь некоторые контекстные подсказки, вы получите HTTP-ошибку
503. Этот код означает временное отключение на техническое обслуживание или что-то в этом роде. Можете ли вы попробовать использовать другой браузер и посмотреть, какое возвращаемое значение он вам выдаст?