Отладка кода VS в Chrome - этот сайт не может быть достигнута ошибка

Question

Я знаю, что этот вопрос уже задавался, но после прочтения многих тем я так и не нашел свой ответ ...

Я пытаюсь отладить очень простое html-приложение с помощью Chrome, но когда я попадаю на локальный хост, я получаю сообщение об ошибке «Этот сайт недоступен». Мой код launch.json выглядит так:

"version": "0.2.0",
"configurations": [
    {
        "name": "Launch Chrome against localhost, with sourcemaps",
        "type": "chrome",
        "request": "launch",
        "url": "http://localhost:3000",
        "sourceMaps": true,
        "webRoot": "${workspaceRoot}"
    },
    {
        "name": "Attach to Chrome, with sourcemaps",
        "type": "chrome",
        "request": "attach",
        "port": 9222,
        "sourceMaps": true,
        "webRoot": "${workspaceRoot}"
    }

]
}

Любая помощь будет очень признательна, так как я уже давно борюсь с этим.

Answer 1

Как отметил @ Rob-Lourens, вам нужно запустить собственный локальный сервер для размещения вашего HTML / Javascript / CSS и изображений.

Вы можете использовать плагин Visual Studio Live Server , чтобы создать для вас локальный сервер разработки. Убедитесь, что ваш URL ("url": "http://localhost:3000") в вашем файле конфигурации совпадает с URL Live Server.

Вы также можете прочитать о IIS и IISExpress