Попытка настроить сервер отладки в WebStorm 9.03

Question

У меня есть проект, который использует сервер node.js/express для обслуживания AngularJS SPA.

Проект содержит ряд различных приложений, которые совместно используют некоторые общие ресурсы. Экспресс-сервер настроен для обслуживания активов из разных мест:

    server.use('/assets', express.static(path.join(rootDir, 'myApp/assets')));
    server.use('/images', express.static(path.join(rootDir, 'components/common/images')));
    server.use(express.static(path.join(rootDir, 'components')));

Я пытаюсь изменить приложение, чтобы использовать функцию LiveEdit WebStorm, но не могу настроить отладчик.

Вот что я сделал до сих пор:

1. Установите расширение Chrome, сделайте его активным и настройте порт на 9000.
2. Создайте новую конфигурацию Javascript/Debug с помощью URL: http://localhost:9000/
3. Настройте удаленные URL-адреса для моего index.html ( http://localhost:9000/index.html: myApp / index.html), ресурсов, изображений, компонентов и т. Д., Как указано выше.

Когда я нажимаю кнопку отладки для моей новой конфигурации, я просто получаю сообщение "Эта веб-страница недоступна".

Я прошел через документы JetBrains, но не вижу решения.

Answer 1

Нет нет нет. Не меняйте порт встроенного сервера - вам не нужен встроенный сервер. Ваше клиентское приложение обслуживается сервером Express - вам нужно использовать этот сервер вместо встроенного. Пожалуйста, измените порт расширения Chrome обратно на значение по умолчанию. Просто убедитесь, что ваш Express сервер запущен до отладки клиентского кода, и укажите URL сервера (http://localhost:9000 или что бы то ни было) в JavaScript отладка запускает настройку. Или вы можете использовать одну конфигурацию (Node.js) для запуска как сервера, так и клиента: она имеет вкладку "Браузер / LiveEdit", которая позволяет запускать браузер и отлаживать код клиента. Установите флажок "После запуска", укажите URL-адрес сервера, на котором обслуживается ваш интерфейс, и включите опцию "with javaScript Debugger"