Отладчик кода Visual Studio с Chrome отказался подключаться к localhost

Question

Я попробовал несколько предложений по другим постам, но безрезультатно.

У меня есть проект с 9-месячной давностью, который больше не отображается в браузере после отладки F5 в коде.

Я создал новый простой проект с файлом index.html, чтобы попытаться получить код Visual Studio для его запуска в окне браузера Chrome.

Я продолжаю получать страницу с ошибкой в ​​Chromeчто говорит:

Этот сайт не может быть достигнут localhost отказался подключиться.Возможно, вы имели в виду http://localhost8000.com/? Поиск в Google для localhost 8000 ERR_CONNECTION_REFUSED

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": [
        {
            "type": "chrome",
            "request": "launch",
            "name": "Launch Chrome against localhost",
            "url": "http://localhost:8000",
            "webRoot": "${workspaceFolder}"
        }
    ]
}

index.html:

hello world!!!!!

Любая помощь будет принята с благодарностью!

Answer 1

Для тех, кто хочет отладку приложения реакции, как я.После конфига, как вопрос выше.Примечание Pls: Убедитесь, что ваш сервер разработки работает («npm start»). .И затем F5 для отладки.

Это работает с моим делом.

Answer 2

Я использую Laragon для Windows, чтобы разместить свои сайты локально.Для себя мне просто нужно было изменить URL-адрес URL-адреса ларагона, и он работал нормально

Answer 3

Если у кого-то еще возникла эта проблема, я решил ее следующим образом:

1) установив ritwickdey / vscode-live-server, доступный здесь: ссылка vscode-live-server

2) перезапуск vscode

3) нажатие кнопки Go Live в нижней части экрана

4) получение адреса сервера из получающегося окна Chrome (например: http://localhost:5500/)

5) изменение файла .vscode / launch.json для включения адреса этого сервера:

{
    "version": "0.2.0",
    "configurations": [

        {
            "type": "chrome",
            "request": "launch",
            "name": "Launch Chrome against localhost",
            "url": "http://localhost:5500",
            "webRoot": "${workspaceRoot}"
        }
    ]
}

6) создание (или редактирование) файла settings.json со следующим json:

{
    "liveServer.settings.port": 5500,
    "liveServer.settings.CustomBrowser" : "chrome",
    "liveServer.settings.AdvanceCustomBrowserCmdLine": "chrome --incognito --remote-debugging-port=9222",
    "liveServer.settings.NoBrowser" : false,
    "liveServer.settings.ignoreFiles" : [
            ".vscode/**",
            "**/*.scss",
            "**/*.sass"
    ]

}

7) переключение на панель отладки vscode слева и нажатие зеленой стрелки рядом с «Запустить Chrome против localhost»

Надеюсь, это поможет кому-то еще!